PDA

View Full Version : CSS boarder problem?


beingbecoming
03-20-2009, 07:01 PM
Hello:

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

http://integralyoganaturalfoods.com/test.html
http://integralyoganaturalfoods.com/test2.html

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

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

beingbecoming
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 :(

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

coloeagle
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 :(

coloeagle
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.

beingbecoming
03-21-2009, 10:04 PM
Coloeagle:

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.

Thanks!