homepage Welcome to WebmasterWorld Guest from 23.21.9.44
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
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?

 

hugleo




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

Solved here: [jsfiddle.net...]

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved