Jump to content

Welcome Guest to Geeks to Go - Register now for FREE
Geeks To Go is a helpful hub, where thousands of friendly volunteers serve up answers and support. Get free advice from the experts. Feel free to browse the site as a guest. However, you must log in to reply to existing topics or start a new topic of your own, and enjoy all this forum has to offer. Additionally, if you can assist another member by sharing your knowledge, please post a reply! Best of all - Registration and all assistance, is FREE! Learn more about How it Works. Infected? Malware Cleaning Guide. What are you waiting for?
Create an Account Login to 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

Advertisement


#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
  • 358 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

Advertisement




Similar Topics: Page displayed incorrectly in IE     x


0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

featured