Please look here to see what I'm talking about:
http://constructioncapitalsource.com/example.html
The main column contains a table that is so wide that it can't be compressed
further. What I want the right column to do in this case is hug the
right-hand side of the main column but not overlap it, causing the browser
to have horizontal scrollbars in order to see the full horizontal extent of
the page, but instead, the right column is getting superimposed on top of
the main column. Does anyone have any suggestions on how I can fix this?
Here is the relevant section of the stylesheet:
#container{overflow:hidden;margin:0;padding:0;border-left:1px solid
#aaa;border-right:1px solid #aaa;
background:#FFFCF7 url('/images/paper.png') repeat-y top
left;height:100%}
#container
.column{margin:0;padding:0;padding-bottom:20010px;margin-bottom:-20000px;}
#maincol{margin:0;padding:0;float:left;width:70%;}
#maincol div{float:left;height:100%;margin:0;padding:0 1em 0 1em}
#rightcol{float:right;width:29.5%;height:100%;border-left:1px dashed #ddd}
#rightcol div{padding:0 1em 0 1em}
You can see the whole thing online if you need to.
Thanks,
Carl
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
