3 replies [Last post]
thesimon
Offline
Regular
Last seen: 16 years 21 weeks ago
Timezone: GMT+8
Joined: 2005-07-06
Posts: 22
Points: 0

Hello,

On this site, i have worked to get the menu looking good.

http://saturn.websiteactive.com/~collier/

- That is the horizontal menu. However i have specified in the css file the following

#navcontainer
{
margin: 0;
padding: 0 0 0 12px;
width:100%;
background: url("Files/Images/grey.jpg") repeat-x 30px;
}

This streches the background image to the full width of the table cell the menu sits it. The problem is, it only works in IE, can someone please tell me how to fix it for FF

Additionally, could someone help me to get the table border in FF, looking like the one you see in IE.

Thanks

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 7 years 39 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

2 Questions, div backgrounds, borders

why are using tables for such a simple layout?

thesimon
Offline
Regular
Last seen: 16 years 21 weeks ago
Timezone: GMT+8
Joined: 2005-07-06
Posts: 22
Points: 0

2 Questions, div backgrounds, borders

Good question. I want to move to css, but i am taking one step at a time. While standards and table dont mix, i am sure you can agree that they are somewhat ,, trustworthy.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 7 years 39 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

2 Questions, div backgrounds, borders

Nested tables 5 levels deep? Not trustworthy in my opinion.
To answer your question, add overflow: hidden; to #navcontainer. The lis are floated and 'hang' below their (two) containers (ul and div). IE incorrectly contains floats and displays what you want. Changing the overflow to anything other than it's default will also contain the floats.