hello
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.
jcdevelopment
02-26-2008, 04: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!!
#footer
{
float: left;
font-family: trebuchet ms;
font-size: 12px;
background-color:white ;
color: white;
}
Apostropartheid
02-26-2008, 04: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.
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?
Apostropartheid
02-26-2008, 05: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 =).
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?
jcdevelopment
02-26-2008, 05:04 PM
the margin:0 auto; that cyan suggested should work!
Apostropartheid
02-26-2008, 05: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.
I added it to the code already, all that did is move it to the left instead of the right.
Ah my mistake, changed the spelling now it's fine. what do you recommend instead, if float:bottom; is nonsense?
Apostropartheid
02-26-2008, 05:09 PM
Nothing, it's fine; you don't need to float it at all! =S
ah i see! thanks very much for the help folks.