Placing a footer relative to the content length
Sorry.. I'm retarded. I figured out what was wrong.
I had copied
div.PageHeader {
width: 780px;
height: 109px;
background: url(images/Wrapper/Page_Header.gif);
}all the way down my css sheet so I could edit them for the other pieces of my layout, and in the old version I had position: absolute; for all of my slices, so I defined the style, then redefined it. So, I deleted all of those extra things, and everything is peachy-keen right now.
-Griff
dk01 posted this at 03:51 — 29th March 2005.
He has: 516 posts
Joined: Mar 2002
Here's the great thing about CSS. You can just let the div's flow with the page as opposed to setting the exact pixel coordinates that they will appear at. Try this code instead:
body {
padding: 20px;
margin:0;
}
div.PageHeader {
width: 780px;
height: 109px;
background: url(images/Wrapper/Page_Header.gif);
}
div.ContentHeader {
width: 780px;
height: 14px;
background: url(images/Wrapper/Content_Header.gif);
}
div.Content
width: 780px;
background: url(images/Wrapper/Content_BG.gif);
overflow: visible;
}
div.pagefooter {
width: 780px;
height: 53px;
}
Let me know how that works.
-dk
griffyboy0 posted this at 04:31 — 29th March 2005.
They have: 10 posts
Joined: Mar 2005
Well, I placed that in the css file, and it didn't do what I wanted it to.
The divs just sit one on top of the other, until I put some text in, and then the footer is pushed down, and the content div doesn't hold the text. It just isn't there.
I'm kind of confused.
I'll try to fiddle with it, but I still need help.
-Griff
dk01 posted this at 05:59 — 29th March 2005.
He has: 516 posts
Joined: Mar 2002
I missed an opening bracket ( { ) on the class div.Content add it afterwards and try again.
griffyboy0 posted this at 14:21 — 29th March 2005.
They have: 10 posts
Joined: Mar 2005
That works wonderfully!
Thanks a ton for the help. I didn't know you could do that with div tags, but now I do.
Well, I have some more work to do, so I'll be off.
Thanks again,
-Griff
New question!! Top Post.
Resolved
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.