Sent by Seona Bellamy on 30 January 2006 04:04
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-REMOVED]]
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/
