Sent by Anthony Baker on 10 July 2006 16:04
Hey Folks,
Am hoping someone might be able to offer a solution here.
I've got a navbar I'm putting together for a template that's in
progress.
The navbar is inside a couple of containers, allowing me to float the
navbar to the right and still have a background with the same height
that
spans the entire content area.
My issue is that, when trying to clear the float, I'm getting
unnecessary
space added beneath the navbar. In IE, of course, the size of this space
doubles over what I see in Safari or Mozilla browsers.
The whole template is underway so there are a few other display errors
you'll see under Firefox, but the code is here:
The template can be found at:
http://www.coachandgrowrich.net/template_drafts/interior_07july2006.php
The CSS can be found at:
http://www.coachandgrowrich.net//css/master_07july2006.css
An excerpt of the code I'm using is here:
<div id="navbar">
<div id="navbar_box">
<!-- navbar goes here -->
</div>
<div class="clear"> </div>
</div>
The navbar_box element handles the color of a box that stretches the
width of the overall content container and the navbar code inside of
that (not shown here) is floated right.
The "clear" element has the following CSS:
..clear { clear: both; padding: 0; margin: 0; }
Am assuming that one problem is the is adding vert space. Am in
the process of trying various methods described at:
http://css-discuss.incutio.com/?page=ClearingSpace
But any methods that include display:hidden properties end up causing
the elements BELOW the navbar to overlap behind the navbar -- a no no.
And, if I try <div class="clear"> </div>, the overlap issue happens
too. Seems something (i.e., ) has to be there for it to work.
Would really appreciate any pointers that y'all can offer.
Thanks in advance,
Anthony
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
