Jump to content

Free help from tech experts
Welcome to Geeks to Go forums. Create an account now to gain access to all our features. Once registered and logged in, you will be able to create topics, post replies to existing topics, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. Best of all, registration and all assistance is 100% free! This message, and all ads will be removed once you have signed in.
Sign In Create Account

Page displayed incorrectly in IE


  • Please log in to reply

#1
sneakyburt

sneakyburt

    New Member

  • Member
  • Pip
  • 7 posts
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
  • 0

Similar Topics: Page displayed incorrectly in IE     x


#2
modernsavage

modernsavage

    Retired Staff

  • Retired Staff
  • 51 posts
Can you supply a link to the CSS file in question ?
  • 0

#3
sneakyburt

sneakyburt

    New Member

  • Member
  • Pip
  • 7 posts
Yea, it's: http://seanmccuedesi...y/css/style.css
  • 0

#4
modernsavage

modernsavage

    Retired Staff

  • Retired Staff
  • 51 posts
Have you tried adding ...

overflow: hidden;

to the tag ?
  • 0

#5
sneakyburt

sneakyburt

    New Member

  • Member
  • Pip
  • 7 posts
Oh! Nailed it. Thanks. Although the 2 images in the footer is still misaligned with the text... Any thoughts on that one?
  • 0

#6
modernsavage

modernsavage

    Retired Staff

  • Retired Staff
  • 51 posts
Try changing ...

position: relative;

to

position: absolute;

for the #footer span.credits tag.
  • 0

#7
sneakyburt

sneakyburt

    New Member

  • Member
  • Pip
  • 7 posts
Hmm... almost worked, but misaligns the images in other browser after that change...
  • 0

#8
modernsavage

modernsavage

    Retired Staff

  • Retired Staff
  • 51 posts
Try changing the span to a div.
  • 0

#9
sneakyburt

sneakyburt

    New Member

  • Member
  • Pip
  • 7 posts
Hmm no dice. The two logos in the footer should be in the white space to the right
  • 0

#10
modernsavage

modernsavage

    Retired Staff

  • Retired Staff
  • 51 posts
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.
  • 0

#11
sneakyburt

sneakyburt

    New Member

  • Member
  • Pip
  • 7 posts
Remove from just the #footer span.credits tag? I don't think that changed anything visually in IE
  • 0

#12
AstraNut

AstraNut

    Member

  • Member
  • PipPipPip
  • 354 posts
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.
  • 0

#13
sneakyburt

sneakyburt

    New Member

  • Member
  • Pip
  • 7 posts
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.

  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

featured