View Full Version : Footers driving me crazy in IE!

11-29-2009, 07:43 PM
I've got two pages in which my footer is randomly moving in IE, it's perfect in FF and Chrome..


It's strangely jolting to the side? I'm puzzled as to what's causing this, I know a lot of things on the page don't validate (which I'll deal with later) but I'm sure they aren't related to the problem!

Any help would be much appreciated, thankyou

11-29-2009, 07:49 PM
#footer {margin-top:25px;}
#footer a {text-decoration:none; color:#43fe2a;}
#footer a:hover {color:#FFF;}
#connect {float:left;}
#footerlinks {float:right; text-align:right;}
#footerlinks p {font-size:10px;}

you aren't clearing the #footer float, which may cause unwanted effects, however it displays fine for me in ie/ff/chrome so can't really see a problem

11-29-2009, 07:56 PM
Hmm, this is what it shows for me http://img109.imageshack.us/img109/8532/iebug.jpg

I've updated the footer div to have a clear in, but it isn't showing that it's updated on mine, for some reason, does your css show a clear? strange

11-29-2009, 08:02 PM
Hello Crispy,
You have a lot of errors that need fixed - http://validator.w3.org/check?verbose=1&uri=http%3a%2f%2ffier.co.uk%2fservices.html
See the links about validation in my sig below.

If you add a background color to your #container, you will see what met is talking about. Try this once -
#container { width:1024px; height:1024px; margin:0 auto; background: #fff;}

If you remove that height:1024px; and clear the floats with overflow:auto; it would work better. Try this instead - #container { width:1024px; margin:0 auto; overflow: auto; background: #fff;}
Here is an explanation of how clearing floats like that works. (http://www.quirksmode.org/css/clearing.html)


Of course, that shows other problems in your code. Your #upper is 800px wide but your many #porfolio's are 959px wide.
After you change #porfolio to .portfolio, make sure their total width -includes margin/padding/border, will fit inside their container.
Have a look at how the box model works. (http://www.w3.org/TR/CSS2/box.html)

11-29-2009, 08:23 PM
Thanks for your help, I am trying to change the things you guys have suggested, IE won't read my new stylesheet though, only the old one, strange - even when i clear browsing history, but once that figures itself out ill try them out :)