> Finally, this nav-list is contained in the #navigation div listed
> below. I'm fighting the 3-pixel bug. (It is floated left in the
> stardard psuedo 3-column layout). Will adding a display:inline to
> the floated div fix that problem, or is there another way?.. (I'd
> rather not use the height-hacks, as this is a template I'll be
> handing over, and I don't want to have hacks in there that may be
> hard to control, or get rid of later...
>
Assuming you mean that the content which is adjacent to the float has the
3 pixel issue, triggering hasLayout for that element will fix it. So if
you have
<div id="leftNav">
Some navigation
</div>
<div id="mainContent">
Some content
</div>
using CSS
#leftNav {
float: left;
}
#mainContent {
margin-left: 6px;
}
you will see 9px of left margin on #mainContent in the area of it adjacent
to the float. A reasonably future-proof fix is:
#mainContent {
margin-left: 6px;
zoom: 1;
}
which will trigger hasLayout in #mainContent, thus fixing the 3px bug.
Although the "zoom: 1;" will not validate, and is perhaps better kept in a
separate stylesheet linked within a conditional comment, it won't break
anything even if browsers of the future implement the zoom property, as a
zoom of 1 is no zoom at all.
Note that this won't work in IE5/Win (which doesn't support zoom:), only
IE5.5 and up - although supporting IE5/Win is IMHO the least of our
worries, judging by the browser stats I've been seeing lately for the
high-traffic, non-technical commercial site I'm currently working on.
If IE5/Win is important to you (which your site's user agent stats can
tell you) then go for the traditional Holly Hack with "height: 1%;" and
use conditional comments to make sure IE7 doesn't get its hands on it.
HTH,
Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
