Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Header or margin?!


BarteeX

Recommended Posts

Posted

Hi! I've got such problem, I'd like to have footer at the bottom of my page but it drives me crazy.

I used height 100% so the footer is at the bottom but it still doesn't stick to the bottom of my Firefox.

 

www.biurpodrozy.nazwa.pl

 

does anyone around here know how to get rid of this white space under the footer?

 

Thx in advance!

Posted

Unfortunately there is no way to effectively set the height to 100% using html or css! This is because the page code does not know the height of the browser window until the page has finished loading.

 

You could use javascript to get the size of the browser window and then re-position the footer once the page has loaded but you would have to take into consideration the dymanic content of the page causing it to have various heights. This adds un-neccessary javascript though and it's not really recommended.

 

Probably the best thing to do would be to use the min-height css property to set a fixed minimum height but unfortunately this property is poorly supported by most browsers and would not work all the time! Alternatively positioning the footer absolutely and setting a fixed bottom position would make sure the footer 'stuck' to the bottom but this method would overlap any content that was larger than a full browser window!

 

There are various approaches you could take but, due to poor browser support, none of the them work effectively enough! If i were you i would leave it as it is; your site looks good and there is no real need for the footer to be positioned differently!

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...