I am using Blue print CSS and it works fine in Firefox...but when I look at it in IE, even with the for IE lt IE8, it still doesn t seem to be working right in terms of spacing and alignment.
Any suggestions on what I can do to make it look proper?
I am using Blue print CSS and it works fine in Firefox...but when I look at it in IE, even with the for IE lt IE8, it still doesn t seem to be working right in terms of spacing and alignment.
Any suggestions on what I can do to make it look proper?
Are you including the ie.css file? Below the regular blueprint css files, include the ie.css
file, using the notation that only IE will parse:
<link rel="stylesheet" href="../../blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="../../blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="../../blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
Make sure that all the URLs to the CSS files are correct and are working on your site also.
Make sure that you use a doctype. If you do not it will render in quirks mode. I had the same problem and correcting the doctype worked.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
That should go at the top of the document
I know this is a bit late, but hopefully it ll help someone who googles it.
A big gotcha when using blueprint here is to ensure that your container div has a class of container, not id:
<div class="container"> ... </div>
Not
<div id="container"> ... </div>
It s caught me out a few times before.
I have a web page that needs references to jQuery and Blueprint and extjs, I ve seen some docs for dealing with (1) jquery and other libraries and (2) extjs and other libraries The docs I ve found ...
I like quite much browserCMS. And I also favour sass and blueprint. I would like to make these things to play together. Although I read somewhere brosercms can sass and blueprint, it is not obvious ...
I am trying to get compass/sass/haml working using blueprint but not having any luck with the blueprint mixins +column(24) just results in Sass syntax error undefined mixin column I m sure I am ...
Hi I m using blueprint and for some reason I can t override some of their built-in styling (screen.css). So far I ve tried: #asset-index-desc .container div li :border ...
I am using Blue print CSS and it works fine in Firefox...but when I look at it in IE, even with the for IE lt IE8, it still doesn t seem to be working right in terms of spacing and alignment. Any ...
I m currently using the Blueprint CSS framework setting my width to 910px along with the sticky footer markup by Steve Hatcher. The problem I m getting is that for some reason in only Internet ...
I ve been working with the BluePrint.css framework on a project. It works well. However, like most of the CSS frameworks I ve looked at, it appears geared more to a text-heavy newspaper-esque layout....
I attempted to do this Blueprint CSS tutorial, but couldn t get any elements to display in the last column. I found this solution, indicating there may be a problem with the last class, but it didn t ...