Footers in CSS

[fluiduk]

Hi All

Working a site at the moment and need to sort a footer div out.

Here is the site http://www.fluiduk.co.uk/~dimensio/index.php

What is the best way to make a footer div that will be at the bottom of the rest of the content, doesnt have to be the very bottom of the page.

Thanks
Aaron

 

[Al Vallario]

#footer {
  clear:both;
}

?

P.S. I hope those non-contextual inline and spacer images are just part of the development process

 

[fluiduk]

Yeah, all the spacer images are just so I can get it all looking pretty and iron out any positioning bugs.

Will give that footer code ago now

Thanks
Aaron

 

[Augmented]

Looks like you're also going to need to push it down 170px, as you've shifted the topmost elements downwards by that amount:

.footer {
position: relative;
top: 170px;
clear: both;}

 

[fluiduk]

Hmm cant get this to work.

Footer is appearing half way up the content on the page, not at the bottom

 

[fluiduk]

Cheers augmented, that did it

 

[tsinc80697]

is there a way of doing this but putting the footer at the bottom of the page depending what resolution/how big the IE/FF window is ?
ie putting it at the bottom and it will move as the page size does?

sorry to geg in

 

[fluiduk]

I think you can, hellish complicated though.

 

[fluiduk]

Hmm, having some wierd problems in IE

http://www.fluiduk.co.uk/~dimensio/

this page works fine in firefox, but in IE the header image (the clouds) doesnt appear and the footer is half way up the page.

Any ideas guys?

Ta
Aaron

 

[lozza]

fine for me in IE7

 

[Augmented]

Also fine for me IE6/Win2K.
Try hard-refreshing or clearing the cache.

 

[fluiduk]

I fixed it, something to do with ie not liking the use of relative positioning

Thanks
Aaron