Have Geek Brain

CSS: My site looks exactly the same in Firefox / Chrome / Safari - but IE7, it's all because of the noise

On [my site] [1] everything looks great in Firefox / Chrome / Safari (after all) - but IE7, it's all because of the noise.

Any ideas on how I can change my CSS so that IE7 is at least somewhat useful?

+2


a source to share


2 answers


I see the same problems in IE 7 and 8.



If I go into standards mode instead of quirks more , I have no problem. I think if you add the doctype the problem is solved.

+1


a source


I found this project on Google Code often fixes basic IE issues (6/7). The relevant parts follow:

Use the following code to make IE work like IE9:

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

Use the following code to make IE work like IE8:

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->


Also, as superUntitled pointed out, it would be nice to make sure your code is syntactically valid. Your code seems to be a mix of HTML and XHTML, so I've added various validation checks to help you pick one:

HTML 4.01 Strict: 46 errors, 30 warnings
XHTML 1.0 Strict: 398 errors, 183 warnings

It looks like you started with XHTML, as evidenced by your reference to the XHTML DTD, but your markup is closer to the HTML standard. Finally, note that a simple fix can often fix multiple bugs, so don't try to fix multiple things at once. Correct, update, and then re-validate the validator.

A quick glance reveals that you have not closed the tag </html>

. There are probably some of the bugs in there.

+3


a source






More articles:


All Articles