#69 ✓invalid
Eric Pollitt

Internet Explorer bug with container margin-top

Reported by Eric Pollitt | March 13th, 2009 @ 03:34 PM

The only bug that I have found with Blueprint is that in Internet Explorer (IE), there is "extra" padding at the top of the page.

1. I fixed this "bug" by adding the following:

ie.css .container {text-align:left;margin-top:-18px;}

URL: http://www.ericpollitt.com/

2. Another web site with same bug:

ie.css .container {text-align:left;margin-top:-24px;}

URL: http://www.globalhempstore.com/new/

3. Another web site with same bug:

ie.css [Not Fixed]

URL: http://www.on-siterecycling.com/

While this "bug" is fixed by doing this, I would like to know if Blueprint CSS can fix this in an updated version. I believe that it has to do with images at top of page, perhaps a top margin / padding.

Comments and changes to this ticket

  • Eric Pollitt

    Eric Pollitt March 13th, 2009 @ 03:50 PM

    This MAY be due to a float issue with IE. I just found the following from 960 Grid System Web site:

    Someone emailed me today asking about IE compatibility, and why there is no ie.css file included with 960. Simply put, it wasn’t needed to fix any of the grid aspects. IE6 has a wicked bug which doubles the margin on any floated elements. This could be a huge problem, but is easily fixed by adding display: inline to that which is floated. This causes no side-effects in any other browsers, so it simply lives in the main 960.css file. Source: http://sonspring.com/journal/960...

  • garethjmsaunders

    garethjmsaunders June 17th, 2009 @ 06:20 PM

    There isn't any "extra" padding at the top of the Blueprint Tests pages in IE6 or IE7.

    I've just looked at the code on your page and line 27, which is your first div after the container, seems to have some kind of stray character just before the opening div. Something like this (represented by the apostrophe):

    '<div class="column span-24 last">

    Remove that single, stray character, then remove your extra line in the ie.css file and you should find that the problem is solved.

    I hope that helps.


  • Christian Montoya
  • Christian Montoya

    Christian Montoya September 15th, 2010 @ 11:43 AM

    • State changed from “new” to “invalid”
    • Milestone order changed from “0” to “0”

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

The Blueprint CSS framework

People watching this ticket