Carl Youngblood wrote:
> 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?
Start out a little simpler. You have styled a lot of contradictions in
there, so although it may work behind the scene in some browsers, the
visual effects will be a mess.
1: don't use 'overflow: hidden;' when you want something to show up.
2: don't set 'height: 100%' on elements that have nothing to calculate
that height against.
This will work by adding a scroll to 'maincol'...
#container{border-left:1px solid #aaa;border-right:1px solid #aaa;
background:#FFFCF7 url('paper.png') repeat-y top left;}
#container .column {}
#maincol{float:left;width:70%; overflow: auto; overflow-y: visible;}
#maincol div{float:left; padding:0 1em 0 1em}
#rightcol{float:right;width:29.5%; border-left:1px dashed #ddd}
#rightcol div{padding:0 1em 0 1em}
...and is tested in Firefox 1.5.0.1, Opera 9tp2 and IE6.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
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/
