tags:

views:

1008

answers:

4
+3  Q: 

Problem with IE using 960.gs

I'm using the 960.gs CSS framework on a site and have hit problems almost instantly with IE (7, though I assume 6 is no better).

<html>
<head>
    <link rel="stylesheet" href="design/reset.css" />
    <link rel="stylesheet" href="design/960.css" />
    <link rel="stylesheet" href="design/text.css" />
</head>
<body>
    <div class="container_12">abc</div>
</body>
</html>

Given this HTML above (the CSS is just the files bundled with 960), Firefox and Chrome centre the grid, whereas IE pushes it to the left.

I've used 960 before without any issues, so I think I must just be doing something really stupid. Can anyone help?

+5  A: 

You need to include a DOCTYPE at the beginning of your HTML, otherwise the CSS won't come out right in IE. You can use the one from the demo file that came with the 960 package.

great_llama  2009-08-17 02:04:35
Thanks! `<!DOCTYPE html>` was all it took. Bizarre, but true.
nickf  2009-08-17 02:32:20
Worked for me too. Thanks!
tk-421  2010-02-26 14:26:57
Worked here as well. Thanks!
Justin  2010-04-20 17:33:20
A: 

Thanks, this helped solve my problem!

Alex Lee  2010-02-07 03:27:39
A: 

Thanks for question and answer!

DevLism  2010-04-30 07:56:54
A: 

Thank you!

It should be noted that there can not be anything in front of the DOCTYPE-tag.

For example, the default Netbeans HTML-template has a few lines of HTML comments before DOCTYPE, so be sure to delete that in order to get 960.gs to work.

Patrick  2010-05-16 23:47:31

related questions

Autosizing Textarea
Regular expression for parsing links from a webpage?
What are good tools for creating compiled HTML help files (.chm)?
Looking for WYSIWYG HTML editor
Any reason not to start using the HTML 5 doctype?
HTML comments break down
HTML Comments Markup
Setting a div's height in HTML with CSS
Wrapping lists into columns
Is a "Confirm Email" input good practice when user changes email address?
<XMP> Tag
HTML version choice
Options for HTML scraping?
How do you disable browser Autocomplete on web form field / input tag?
How do I make a checkbox toggle from clicking on the text label as well?
Html CSS Editor
Wordpress theme development offline tools
How do I give my web sites an icon for iPhone?
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
How do I print an HTML document from a web service?
Multiple submit buttons on a HTML form
How can I determine a web user's time zone?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?