Force a div tag to the bottom of the page?

Stellios · 16 May 2007 at 22:58

Ive got a footer at the bottom of my webpage that i want to force onto the bottom of the page, so far ive been unsuccessful. Ive tried floating it and V aligning it, but nothing will work.

CSS

Code:

/*Style for the footer of the webpage*/
#footer		{

		background-color: black;
		color: white;
		font-style: italic;
		text-align:right;
		font-size: 15px;
		border: 2px solid gray;
		}

HTML

Code:

<!--start copyright bar-->
<div id="footer">
	Copyright One Hump or Two
<!--End footer div-->

Cheers for any help

blade007 · 16 May 2007 at 23:07

it's done on arnoldclark.com

i haven't had a chance to work out how it's done. looks like you'll need to plug through a bit of code to get at it.

PaulB · 16 May 2007 at 23:07

Not sure whether it's related - I'm no expert so don't shoot me

but you haven't closed the footer div with a </div> going on the posted code

blade007 · 16 May 2007 at 23:10

this seems to be code off arnoldclark that's forcing the div at the bottom of the screen, although, i haven't tested it .. could be anything as there's a stack of code

Code:

#wf_footer { height:40px; bottom:0px; position: fixed; width: 600px; margin-left:140px; z-index:1000; }

Stellios · 16 May 2007 at 23:13

Cheers, ill give it a shot

sugoi · 17 May 2007 at 01:03

try adding

Code:

clear: both;

Stellios · 17 May 2007 at 01:49

sugoi said:
try adding

Code:

clear: both;

You my friend are a God

Does exactly what im looking for, thank you very much

Cheers for all the advice guys, much appreciated.