Welcome to WebmasterWorld Guest from 54.226.189.112

Forum Moderators: not2easy

Message Too Old, No Replies

Align components horizontally - Text Area, buttons and a phrase

     

hugleo

11:31 am on Apr 7, 2012 (gmt 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?

hugleo

11:07 am on Apr 9, 2012 (gmt 0)



Solved here: [jsfiddle.net...]
 

Featured Threads

Hot Threads This Week

Hot Threads This Month