2 {{ upvoteCount | shortNum }}
2 {{ upvoteCount | shortNum }}

IE weird margin?

by teecamo
1 replies
  • WEB DESIGN
    • |
I'm trying to get this site IE compatible:

http://www.pubbsoft.com

As far as I can tell, FF and Chrome, Safari are all good. IE is even good on every page EXCEPT the home page. I'm getting a funky top margin looking space right at the top of the screen.

Can anyone (with firebug and/or chrome tools) help me out there with the css or whatever?

While we are it, is there a firebug equivalent for IE?
#margin #weird
  • Profile picture of the author SteveJohnson
    Before you do any troubleshooting of CSS, you need to get the page structure error-free as much as possible. In the header section, there is a div nested in an <a> tag. That's a no-no -- block elements can't be nested in inline elements. Both divs also have margins attached to them, so this could be causing IE to not work as expected.

    If you need to use that markup, you need to target that <a> element in your stylesheet and give it a 'display: block'.

    That may or may not fix your margin issue, but it's a place to start.

    There's no firebug for IE, but IE8 has 'developer tools'. Hit f12. Not as full featured as firebug, but better than nothing.

    EDIT

    What's actually causing the issue is the 33px margin you have on #logo. In FF, it's pushing down just #logo, but IE is moving the whole section. You may have to experiment with other placement methods for the logo, like floating it left, etc.
    Signature

    The 2nd Amendment, 1789 - The Original Homeland Security.

    Gun control means never having to say, "I missed you."

    {{ DiscussionBoard.errors[3601585].message }}

Trending Topics