Hello all!
I'm reverse engineering a site and fixing some problems I inherited. The site's local so I don't have a link for you but I hope I can clearly explain:
I simply want a container div to expand horizontally to fit a child div which contains a table (but I wouldn't think the table matters)
I set a min-width to the container and all's well in all browsers EXCEPT IE7/8...the container is expanding to the full screen!!!!
I've poured over forums and found some really funky solutions but none of them worked. I've been building sites for YEARS and have never come across this issue!
Here's the css for the 2 containers. The 'width:expression' was the latest thing I tried but it didn't work.
Thanks so much for your help!
#containerMain {
min-width: 940px !important;
width:expression(document.body.clientWidth < 940? "940px": "auto" );
margin: 0px;
padding: 0px;
display:inline-block; /* needed for min-width to work */
}
#containerPage {
margin: 12px 0px 20px 12px;
padding-top:14px;
min-width: 917px !important;
width:expression(document.body.clientWidth < 917? "917px": "auto" );
display:inline-block;
}


Reply With Quote
Bookmarks