Welcome to WebmasterWorld Guest from 54.144.68.27

Forum Moderators: not2easy

Message Too Old, No Replies

From Tables to CSS

Help me help you...

     

Oaf357

9:07 pm on Apr 11, 2003 (gmt 0)

10+ Year Member



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

9:13 pm on Apr 11, 2003 (gmt 0)

10+ Year Member



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

Oaf357

9:31 pm on Apr 11, 2003 (gmt 0)

10+ Year Member



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

9:42 pm on Apr 11, 2003 (gmt 0)

10+ Year Member



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.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month