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
2 Questions, div backgrounds, borders
why are using tables for such a simple layout?
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.
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.