| Align components horizontally - Text Area, buttons and a phrase
|
hugleo
msg:4438260 | 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?
|
|
