Hi guys, Well, I'm looking at abandoning my original layout, since it's just creating far too many problems with column lengths. I've had a look around to see if there were any solutions that combined floats and source ordering, and came across the 'One True Layout' on PIE. Looks really good - just what I'm looking for. However, I've hit a snag:
Coded it up, and in Firefox it looks great. Had a look at it in IE. Bummer. :( The right-hand column has dropped down below the content, and the other two columns have shifted to the right. Can anyone have a look and tell me why this is happening? It's got me stumped. Page: http://staging.renovate.com.au CSS: http://staging.renovate.com.au/_resources/pageShell.css As a shortcut, here is the code for the relevant divs: #content { float: left; width: 48.5%; margin-left: 19%; margin-bottom: -32742px; padding-bottom: 32767px; background-color: #FFFFFF; } #ibase { float: left; width: 19%; margin-left: -67.5%; margin-bottom: -32742px; padding-bottom: 32767px; background-color: #EBF2F7; border: 1px #FFFFFF solid; border-bottom: none; text-align: left; font-size: .8em; } #teasers { float: right; width: 32%; margin: 0; margin-bottom: -32742px; padding-bottom: 32767px; border: 1px #FFFFFF solid; border-bottom: none; } Cheers, Seona. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
