homepage Welcome to WebmasterWorld Guest from 54.243.17.133
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
From Tables to CSS
Help me help you...
Oaf357




msg:1201959
 9:07 pm on Apr 11, 2003 (gmt 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.

 

robjones




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

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

Oaf357




msg:1201961
 9:31 pm on Apr 11, 2003 (gmt 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.

robjones




msg:1201962
 9:42 pm on Apr 11, 2003 (gmt 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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved