Why is right side longer than left side in this skeleton layout? You can see
at the bottom of the webpage when this info is entered in a test document:
<div id="container">
<div id="left">Left Nav Bar</div>
<div id="right">
<div id="Row1">Header bar</div>
<div id="Row2">Content</div>
<div id="Row3">Footer</div>
</div>
</div>
CSS is here:
<style type="text/css" media="screen">
body {
margin: 0;
padding:0;
border: 0;
text-align: center;
}
#container {
width: 800px;
text-align: left;
margin: 0 auto;
height: 565px;
}
#left {
float: left;
width: 25%;
height: 100%;
background: red;
border: 2px black dotted;
}
#right {
height: 100%;
border: 2px black dotted;
float: inherit;
}
#Row1 {
height: 15%;
background: green;
border: 2px black dotted;
}
#Row2 {
height: 70%;
background: yellow;
border: 2px black dotted;
}
#Row3 {
height: 15%;
background: blue;
border: 2px black dotted;
}
</style>
Thanks for any any advise on this.
_________________________________________________________________
http://clk.atdmt.com/UKM/go/197222280/direct/01/
We want to hear all your funny, exciting and crazy Hotmail stories. Tell us now
______________________________________________________________________
css-discuss [[email protected]]
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/
