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 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/
