View Full Version : CSS boarder problem?

03-20-2009, 07:01 PM

I am having a slight problem with what I think needs a CSS fix.


When i load these pages on my site in firefox for mac I see a bottom boarder on my main menu all the way across the wrapper div. However, on two windows machines using Firefox the boarder appears to be cut off by the div's below it.

Can someone offer a solution please? I have tried negative bottom margin on the div containing the top menu which solves the problem on my machine but not on others.

Thanks - my css is here www.integralyoganaturalfoods.com/global.css

03-20-2009, 07:58 PM
Give your header id a height.

03-20-2009, 08:34 PM
Thanks coloeagle. Now it goes all the way across but it is larger on the right side then the left.. i have no idea why :(

03-20-2009, 08:35 PM
also now my wrapped div is not centered :(

03-21-2009, 12:25 AM
Your welcome, try increasing your header height to 40px I'm getting a funny bottom border.

also now my wrapped div is not centered :(
You need to center your #container with margin:0 auto; for good browsers,
and for IE you need to have text-align:center;

Then in the #innerwrapper you need to have text-align:left; to correct the IE center mentioned above.

Now it goes all the way across but it is larger on the right side then the left

Will have to give this one some investigation, as I'm not real familiar with spry :(

03-21-2009, 12:42 AM
Just curious, are you planning on having submenus for these main links?

If not they can be styled with a lot less css than the spry stuff you have now.

03-21-2009, 10:04 PM

Thanks so much your help solved everything!

You know, originally I thought they may add submenus, but now i"m thinking not, so I am just going to create a non-Spry top menu and that will be much easier to center.