View Full Version : Tabling a Menu

12-27-2006, 08:28 PM
I am designing a website and ended up using tables for the top menu. Sinful, I know, but CSS was a pain and didn't work properly. To check out what I"m talking about, I've uploaded an example here:


And the CSS is here:


The table is equipped with a middle cell that expands to fill the broser window (try resizing the window to see). Now my only problem is that while this works, there is an annoying "border" or "margin" around the edges of the table that I cannot get rid of! The lines ought to look like they extend off the page, but they are cut off.

How do I get rid of the border? I've tried placing the table inside a div, and I've tried messing with negative margins, but the latter is inconsistently implemented between FireFox and IE 6, and it also leaves one side with an extra margin (since the table is set to 100% width... which is apparently less than the containing browser window?). Help!

12-27-2006, 09:11 PM
I think you're talking about the little white space around your table. In the body part, just add "margin: 0". So:

body { background-color: White; margin: 0}

If you plan to add anything else to the page, you might want to contain the new stuff inside another div, and give that div a margin of 8px, because if you don't, the text and/or images will be touching the sides and will look weird.

12-28-2006, 03:57 AM
How blindingly obvious. Thank you.