I'm working on a fluid layout. It is rending how i would like in Chrome
15, but breaks in FF 8 (win7)
I've inspected that computed layout in firebug (FF) and I have an excess of
1px.
content w=1431
blog w = 961
sidebar w = 471
= 1432
I can easily hack a solution by reducing any of the width values, but then
the right alignment would suffer. Any ideas?
I've included all the html and css that seems relevant.
(I use a reset based on the eric meyer's version.)
Thanks everyone,
David
<header></header>
<div id='wrapper'>
<div id='content'>
<article class='maincontent box'>
--content--
</article>
<article class='blog box'>
</article>
<aside class='sidebar box'>
</aside>
</div>
</div>
</body>
<footer></footer>
#wrapper {
width:100%;
min-width:960px;
}
#content {
width:95%;
margin:0 auto;
}
.maincontent {
padding:25px 4%;
}
.blog {
float:left;
width:61%;
}
.sidebar {
float:left;
width:30%
margin-left:3%;
}
.box {
padding:3%;
border-radius:10px;
border:1px solid #aba;
}
______________________________________________________________________
css-discuss [css-d@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/
