Page displayed incorrectly in IE

#1 sneakyburt

Group: Member
Posts: 7
Joined: 19-September 11

Posted 19 September 2011 - 10:05 AM

Hi all, new to this forum. This page of my site looks correct in every browser except IE, surprise surprise. The div#menu at the right is misaligned to the right too far, and icons in the footer are misaligned and too low. Any suggestions on how to fix this in IE without gumming it up for other browsers?
Thanks!
Sean

#2 modernsavage

Group: Retired Staff
Posts: 51
Joined: 13-September 05

Posted 19 September 2011 - 10:29 AM

Can you supply a link to the CSS file in question ?

#3 sneakyburt

Group: Member
Posts: 7
Joined: 19-September 11

Posted 19 September 2011 - 11:08 AM

Yea, it's: http://seanmccuedesi...y/css/style.css

#4 modernsavage

Group: Retired Staff
Posts: 51
Joined: 13-September 05

Posted 19 September 2011 - 11:30 AM

Have you tried adding ...

overflow: hidden;

to the tag ?

#5 sneakyburt

Group: Member
Posts: 7
Joined: 19-September 11

Posted 19 September 2011 - 11:51 AM

Oh! Nailed it. Thanks. Although the 2 images in the footer is still misaligned with the text... Any thoughts on that one?

#6 modernsavage

Group: Retired Staff
Posts: 51
Joined: 13-September 05

Posted 19 September 2011 - 12:31 PM

Try changing ...

position: relative;

to

position: absolute;

for the #footer span.credits tag.

#7 sneakyburt

Group: Member
Posts: 7
Joined: 19-September 11

Posted 19 September 2011 - 12:40 PM

Hmm... almost worked, but misaligns the images in other browser after that change...

#8 modernsavage

Group: Retired Staff
Posts: 51
Joined: 13-September 05

Posted 19 September 2011 - 12:49 PM

Try changing the span to a div.

#9 sneakyburt

Group: Member
Posts: 7
Joined: 19-September 11

Posted 19 September 2011 - 01:11 PM

Hmm no dice. The two logos in the footer should be in the white space to the right

#10 modernsavage

Group: Retired Staff
Posts: 51
Joined: 13-September 05

Posted 19 September 2011 - 01:16 PM

OK, remove display:block; from the credits in the CSS. I think this is what was causing the original problem.

align to the right if you need to.

#11 sneakyburt

Group: Member
Posts: 7
Joined: 19-September 11

Posted 19 September 2011 - 02:05 PM

Remove from just the #footer span.credits tag? I don't think that changed anything visually in IE

#12 AstraNut

Group: Member
Posts: 329
Joined: 15-June 10

Posted 19 September 2011 - 07:59 PM

IE stills requires a separate CSS file to compensate for the bugs still present. Use IE's Conditional Comments to call the IE only CSS file. BTW, the original page link does not work. It always helps to validate:

Why Validate?: http://validator.w3.org/docs/why.html
CSS Validator: http://jigsaw.w3.org/css-validator/
HTML Validator: http://validator.w3....ri+with_options

But It Doesn't Validate: http://net.tutsplus....oesnt-validate/

Care With Font Size: http://www.w3.org/QA/Tips/font-size
Websites Shouldn’t Look The Same Across Different Browsers: http://www.noupe.com...ere-is-why.html

Cross-Browser CSS in Seconds with Prefixr: http://net.tutsplus....s-with-prefixr/

Those might help.

#13 sneakyburt

Group: Member
Posts: 7
Joined: 19-September 11

Posted 20 September 2011 - 09:06 AM

Ahh I've got it working correctly now. Although my fix has effected the index page and other pages with a #content tag, now misaligning the ontent to the left for some reason on the index page and another. I've tried reducing the width of the #content tag by 20px and then adding a float:right which works for every page except the index page, which makes the footer look incorrect in Firefox. Arg! Any suggestions?

Page displayed incorrectly in IE - Geeks to Go Forums