View Full Version : footer wont sit where i want.

02-26-2008, 05:50 PM

could someone please take a look at this and see if you can tell my how i can get the footer to sit in the middle, below all the text. I gave it a white background so you can see it easier http://talkingmakesnosense.com/test/test.html

if you're on internet explorer, ignore the logo being messed up, haven't implemented the png fix yet.

02-26-2008, 05:52 PM
do you mean the text on the left hand side, and not under the downloads?

because if that is what you want then replace this with the current!!

float: left;
font-family: trebuchet ms;
font-size: 12px;
background-color:white ;
color: white;

02-26-2008, 05:54 PM
#footer {
clear: both;
margin: 0 auto;
width: 80%; /* or whatever you want her to be, baby */
But you have evil scrollbars and pixel font sizes...and I don't recommend using fixed-width layouts when elastic (em-driven) ones are perfectly possible.

02-26-2008, 05:59 PM
hey cyan, i added that snipped of code you gave me and the footer is sitting in the right place now.

I'm just beginning code, so this site is a learning experience for me. what exactly do you mean about making it elastic?

02-26-2008, 06:02 PM
IE cannot resize pixel-based measurements. This is not very good for accessability.
In fact, just have a look at Jon Tangerine's lovely article (http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css) on it, and the link in my sig is an example of an em-driven layout =).

02-26-2008, 06:02 PM
actually i'm back to the beginning again now. the footer sits a the bottom, but to the left. how do it get it aligned in the middle of everything?

02-26-2008, 06:04 PM
the margin:0 auto; that cyan suggested should work!

02-26-2008, 06:05 PM
"float: bottom;"? That's total nonsense in CSS-land.

And we have to use the American spelling center instead of the French centre in text-align. There's your problem: you text is aligning to the left because it's not recognizing that.

02-26-2008, 06:06 PM
I added it to the code already, all that did is move it to the left instead of the right.

02-26-2008, 06:07 PM
Ah my mistake, changed the spelling now it's fine. what do you recommend instead, if float:bottom; is nonsense?

02-26-2008, 06:09 PM
Nothing, it's fine; you don't need to float it at all! =S

02-26-2008, 06:11 PM
ah i see! thanks very much for the help folks.