From Tables to CSS

Help me help you...

[Oaf357]

I'm trying to make the "the move".

A problem I'm having is that when a site has a one row navigation table at the top, content in the middle, and a one row "information" table at the bottom using absolute positioning won't push the "information" table to the bottom. Any ideas?

There are more questions to come.

[robjones]

SuzyUK gave an excellent solution to this prob in this thread [webmasterworld.com]

[Oaf357]

That doesn't help me much. I'm new to CSS positioning. But this might help:

______________________________
¦____________________________¦
¦ ¦ ¦
¦ ¦ ¦
¦ ¦ ¦
¦ ¦ ¦
¦ ¦ ¦
¦_____¦______________________¦
¦____________________________¦

This is a fairly typical layout. Converting this to CSS is a massive challenge for me.

[robjones]

Hi Oaf357,
If you use the template for laying out your page in the thread from the post above, the footer will be pushed to the end of the page by the spacer div.
Absolutely position the header something like this:
#header{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 40px;
}
And put your content in the content div.
This way, the only element thats absolutely positioned is the header, I used this solution and was able to put my content just after the body tag, and this is the first thing thats picked up by the search engines.