Posted by Beauregard T. Shagnasty on 04/29/07 17:02

dave@seobm.com wrote:

> "Beauregard T. Shagnasty" wrote:
>> dave@seobm.com wrote:
>>> 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...
>>
> The header didn't span the right column following your suggestions.
> Take a look at http://www.seobm.com/test/layout02.shtml to see what I
> mean. Perhaps I didn't follow your instructions correctly?

Ah yes. Sorry about that. I had added enough content in my local sample
to give the center column enough height to be longer than either
sidebar.

Nope, no easy trick that I see at a glance. There are other samples out
there with footers, though, that claim to stay below all columns. Google
around...

>>> 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; }
>>
> I'm confused. I didn't see any mention of pixels in Toby's article.
> Where did you find
> .sidebar li { margin: 0 10px 0 20px; padding: 0; }?

In the style sheet. :-/

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

[Back to original message]