> Setup your html as follows:
>
> <----------------------------------------------------------------------
> --->
> <body>
> <div id="wrapper">
> <div id="container2">
> <div id="container1">
> <div id="col1"><h3>Left Nav Bar</h3> <br/><br/><br/>Red 25%
> <br/>Red 25% <br/>Red 25% <br/>Red 25% <br/>Red 25% <br/></div>
> <div id="col2">
> <div id="Row1"><h3>Header bar</h3></div>
> <div id="Row2"><h3>Content</h3></div>
> <div id="Row3"><h3>Footer<h3></div>
> </div>
> </div>
> </div>
> </div>
> </body>
Imho, authors should *not* use <br> for this
>
> Now setup your css as follows:
>
> body {
> margin: 0;
> padding: 0;
> border: 0;
> text-align: center;
> }
I don't think zeroing border is necessary here
> #wrapper {
> width: 800px;
> margin: 0 auto;
> text-align: left;
>
> }
>
> #container2 {
> clear: left;
> float: left;
> width: 100%;
> overflow: hidden;
> background: yellow; /* column 2 background colour */
> border: 2px black solid;
> }
This container has no sibling, so why float:left?
And what does it clear?
Once float is removed, the width can go too (must be replaced with another
layout trigger though).
Not having width and border together is a plus.
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
