Topic: FF blues

Working on coding this site for a friend:

http://www.11oh1.net/kamel/

Looks fine in IE but in FF there is a 15px high white space between the navbar and the main content area. I have looked and looked but it's getting late and for the life of me I can't figure out what the problem is. I've commented out just about everything I can think of and nothing seems to fix the issue.

Any help would be muchly appreciated.

:::11oh1:::

(Edited by krets on 07-06-2006 06:48)

Try setting the top-margin on the h2. That should clear up your problem.

Also, instead of using a fixed height for your content area, you miht want to use a clear:right instead. This way, in anything other than IE, when the content is higher than 323px or if a user resizes their text, the blue bakground will stretch.

Try also getting rid of the fixed height on the #navver element as well. When I resize my text in Firefox, the nav breaks out of the #navver div. Try:
navcontainer {padding:5px 0;}

Ram

Excellent suggestions. I made all the changes and it's working great. Thanks a lot Ram.

One more question (for now, there will most likely be more):

How can I set a minimum value for the navbar so that if someone has their browser width set really low the menu options won't overlap and the browser will have a horizontal scrollbar instead? I'd like that menu to stay inline no matter what.

:::11oh1:::

I wouldn't bother. It fits nicely in 800x600, and anyone lower than that either won't notice the wrapping or won't care. It's still functional and not horrible-looking, after all. I'd rather have it wrap than have to scroll to the right, too.

( http://w3.org/TR/CSS21/visudet.html#propdef-min-width [doesn't work in IE, but there are numerous other ways] )

Yeah, I'm in agreement with Reisio.

No problem on the other stuff. Glad I could help.

Ram