Posted by Beauregard T. Shagnasty on 04/29/07 14:09

dave@seobm.com wrote:

> I have now included Toby's example as the only link to the original
> page so I could look more closely at it. You can see the results at
> http://www.seobm.com/test/layout01.shtml

Why are you using a table for the menu? This is more appropriately a
list. Lots easier to maintain as well.

> Couple comments about Toby's CSS.
> 1) The header doesn't use the full width of the screen.

Add margin: 0; to the body { }
Now, once you decide you don't like that, add some padding to the header
style.

> 2) The left, center, and right are not close enough to each other. I'd
> rather have no gaps between them and use padding inside.

Different-coloured objects flush to each other look strange, imo.

> I'd really like a footer too. :(

Just before the final
</div>
</body>
add:
<div id="footer">
<p>This is a footer. Blah blah blah.</p>
</div>
then style #footer to taste. Works in IE6, Firefox, Opera...

> Anybody have suggestions on how to fix my original 3 column layout
> with header and footer or a link to one that works with ems, not
> pixels...

The only pixels I see in Toby's layout are:
.sidebar li { margin: 0 10px 0 20px; padding: 0; }
and it seems to work just as well with:
.sidebar li { margin: 0 1em 0 2em; padding: 0; }

--
-bts
-Motorcycles defy gravity; cars just suck

[Back to original message]