To keep this thread updated with the results of some off-list
correspondence...
Craig Givens wrote:
> display:table is the only method that works. Using anything else for
> #contents will cause the #rightColumn to appear underneath the
> #contents div or render otherwise incorrectly
Not so.
It's the mix of absolute positioned and floating elements inside
#contents that is causing most problems now.
No absolute positioning should be used there, and the "floats will
contain floats" behavior will solve the rest.
Replace the styles you have - *all of them* - for the two elements in
question, with the following...
#contents {
background:#fff;
float: left;
width: 100%;
}
#leftColumn-home {
margin-left: 5px;
float:left;
display: inline /* fix IE6 bug */
}
...and the containment and alignment problems will be solved across
browser-land.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
