John Dick wrote:
> 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:
>
>
>
Hmm. I don't know why.
1/ When all the borders are removed the heights are still different in
Mac Opera, Mac Safari, and the current WebKit nightly.
2/ When all the heights are converted to pixels, rather than percent,
the heights are the /same/ in Mac Opera, Mac Safari, WebKit nightly,
Camino, and Mac Firefox [see below].
body {
margin: 0;
padding:0;
border: 0;
text-align: center;
}
#container {
width: 800px;
text-align: left;
margin: 10px auto 0 auto;
height: 565px;
}
#left {
float: left;
width: 25%;
height: 565px;
background: red;
}
#right {
height: 565px;
float: inherit;
}
#Row1 {
height: 86px;
background: green;
}
#Row2 {
height: 393px;
background: yellow;
}
#Row3 {
height: 86px;
background: blue;
}
--
desktop
http://chelseacreekstudio.com/
______________________________________________________________________
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/