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 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 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.
Gareth
-
Christian Montoya August 20th, 2009 @ 03:13 PM
Could this be the infamous BOM? http://en.wikipedia.org/wiki/Byte-order_mark
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.
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
