| 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.
|
|
|
