English 中文(简体)
making blueprint css working in IE 6 and IE 7
原标题:

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.





相关问题
Blueprint, Sass and BrowserCMS

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 ...

Compass blueprint mixins undefined

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 ...

How can I override blueprint s styles?

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 ...

making blueprint css working in IE 6 and IE 7

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 ...

Blueprint CSS Framework/Sticky Footer with IE6 Problem

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 ...

Is there a known issue with Blueprint s last class?

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 ...

热门标签