By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,879 Members | 1,859 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,879 IT Pros & Developers. It's quick & easy.

CSS Layout

P: 3
Hi,
I'm trying to make a website that has a layout like this

http://pgrim.centelia.net/layout.jpg

What I got: http://pgrim.centelia.net/index.html

At my resolution 1280x1024, the footer is at the bottom of the page, but when I go to a lower resolution it moves up, uncovering the background.

Any ideas on what I should do to stick the footer permanently at the bottom?
Also.. in my screen res. when I resize the explorer window, the footer goes up with it. Any way that it can just stay down there?

Any help appreciated.
Jan 18 '07 #1
Share this Question
Share on Google+
3 Replies


Expert 100+
P: 1,892
You can get the footer to stay at the bottom by using absolute positioning. Do you know how to handle CSS? Also, don't code for 1280x1024 test your site with 1024x768 this is a more widely used screen resolution. In fact you should test your site at 800x600 as well.

HTH,
Aric
Jan 18 '07 #2

drhowarddrfine
Expert 5K+
P: 7,435
The problem with the footer is you are using absolute positioning attributes. AP removes that element from the normal flow and this is what allows the footer to rise up and cover the other element. If you remove that positioning, it will remain at the bottom of the page.
Jan 18 '07 #3

P: 3
The problem with the footer is you are using absolute positioning attributes. AP removes that element from the normal flow and this is what allows the footer to rise up and cover the other element. If you remove that positioning, it will remain at the bottom of the page.
Thanks for helping out :)
But I'm not sure if I understand correctly, or if you understand me.. I want the white "main" box to cover a bit of the footer.

http://pgrim.centelia.net/layout.jpg shows how I want it to be.
Jan 18 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.