Welcome to WebmasterWorld Guest from 54.159.140.188

Forum Moderators: not2easy

Message Too Old, No Replies

Align components horizontally - Text Area, buttons and a phrase

     
11:31 am on Apr 7, 2012 (gmt 0)

New User

joined:Apr 7, 2012
posts: 2
votes: 0


I've tried acquire the following behavior: A div with a phrase (variable size) and four text areas aligned with right image buttons. On Firefox that's looks great, but it's looks sucks on Google Chromium. Firefox image: [img444.imageshack.us...] , Chromium image: [img189.imageshack.us...]

My CSS code:

#container {
width: 100%;
}


#phrase {
display:inline-block;
width:25%;

vertical-align:top;

/* For IE 7 */
zoom:1;
*display:inline;
}


#textarea_field {

display:inline-block;
vertical-align:top;

width:15%;

/* For IE 7 */
zoom:1;
*display:inline;
}


#image_buttons_div {

display:inline-block;
vertical-align:top;

width:2%;

/* For IE 7 */
zoom:1;
*display:inline;
}


I would like to figure out a way to solve that problem. Do you anyone can help?
11:07 am on Apr 9, 2012 (gmt 0)

New User

joined:Apr 7, 2012
posts: 2
votes: 0


Solved here: [jsfiddle.net...]