Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 11-29-2009, 06:43 PM   PM User | #1
Crispy
New Coder

 
Join Date: Jun 2008
Posts: 76
Thanks: 11
Thanked 0 Times in 0 Posts
Crispy is an unknown quantity at this point
Footers driving me crazy in IE!

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
Crispy is offline   Reply With Quote
Old 11-29-2009, 06:49 PM   PM User | #2
met
Regular Coder

 
Join Date: Oct 2009
Location: United Kingdom
Posts: 728
Thanks: 4
Thanked 119 Times in 119 Posts
met has a little shameless behaviour in the past
Code:
#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
met is offline   Reply With Quote
Old 11-29-2009, 06:56 PM   PM User | #3
Crispy
New Coder

 
Join Date: Jun 2008
Posts: 76
Thanks: 11
Thanked 0 Times in 0 Posts
Crispy is an unknown quantity at this point
Hmm, this is what it shows for me

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
Crispy is offline   Reply With Quote
Old 11-29-2009, 07:02 PM   PM User | #4
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Hello Crispy,
You have a lot of errors that need fixed - http://validator.w3.org/check?verbos...fservices.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.

---------------

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.
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Old 11-29-2009, 07:23 PM   PM User | #5
Crispy
New Coder

 
Join Date: Jun 2008
Posts: 76
Thanks: 11
Thanked 0 Times in 0 Posts
Crispy is an unknown quantity at this point
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
Crispy is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 03:36 AM.


Advertisement
Log in to turn off these ads.