...

View Full Version : Footers driving me crazy in IE!



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

http://fier.co.uk/services.html
and
http://fier.co.uk/blog/

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

met
11-29-2009, 06: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

Crispy
11-29-2009, 06: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

Excavator
11-29-2009, 07: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)

Crispy
11-29-2009, 07: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 :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum