#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    Fort Collins, CO
    Posts
    285
    Rep Power
    13

    IE issue - Want to remove empty space at top of page


    Hi there,

    Not entirely sure this is a CSS issue, but something tells me it is...

    I'm getting a weird space at the top of my pages in IE, which consequently causes the header to not align properly with the header background image. It works just fine with FireFox though.

    You can view the issue here: http://hsdc.groundedgroup.com/

    Does anybody know how to remove this space?

    Thanks in advance.
    Last edited by JHouse; March 6th, 2008 at 07:59 PM.
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,122
    Rep Power
    4258
    I'm not entirely sure what's causing it but it probably has something to do with IE's strange float implementation.

    I suggest you absolutely position "#navMainWrapper" (at least in IE5-7/Win).

    Please fix your (X)HTML and (non-pseudo-class related) CSS errors.
    http://validator.w3.org/
    http://jigsaw.w3.org/css-validator/

    I'm disappointed that you're using a <table> for layout purposes and <br>s for clearing.

    Comments on this post

    • JHouse agrees
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    Fort Collins, CO
    Posts
    285
    Rep Power
    13
    Originally Posted by Kravvitz

    I suggest you absolutely position "#navMainWrapper" (at least in IE5-7/Win).

    I'm disappointed that you're using a <table> for layout purposes and <br>s for clearing.
    Bam, that worked...positioned #navMainWrapper absolutely, now it all lines up. Thanks a ton.

    I too am disappointed that the site is using tables and br tags for clearing. However, I don't want to mess with any of the core Zen Code as I want to keep it easy and quick to update to newer versions.

    Peace.

IMN logo majestic logo threadwatch logo seochat tools logo