Welcome to WebmasterWorld Guest from 54.205.108.212

Forum Moderators: not2easy

Message Too Old, No Replies

From Tables to CSS

Help me help you...

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

Preferred Member

10+ Year Member

joined:Mar 5, 2003
posts:636
votes: 0


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.

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

Junior Member

10+ Year Member

joined:Jan 10, 2003
posts:145
votes: 0


SuzyUK gave an excellent solution to this prob in this thread [webmasterworld.com]
9:31 pm on Apr 11, 2003 (gmt 0)

Preferred Member

10+ Year Member

joined:Mar 5, 2003
posts:636
votes: 0


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.

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

Junior Member

10+ Year Member

joined:Jan 10, 2003
posts:145
votes: 0


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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members