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
#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 :)