[sneakyburt]

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

[Advertisements]

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

[modernsavage]

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

[sneakyburt]

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

[modernsavage]

Have you tried adding ...

overflow: hidden;

to the tag ?

[sneakyburt]

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

[modernsavage]

Try changing ...

position: relative;

to

position: absolute;

for the #footer span.credits tag.

[sneakyburt]

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

[modernsavage]

Try changing the span to a div.

[sneakyburt]

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

[modernsavage]

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.

[sneakyburt]

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

[AstraNut]

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.

[sneakyburt]

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?

Edited by sneakyburt, 20 September 2011 - 09:08 AM.