My website is rendering fine in all browsers except IE. In IE 7 and 8 my search box disappears and the right column of the page is being pushed down. I know I have some rogue

tags but still what is the tag or lack of a tag that is throwing the page off in just the IE suites? Thank you!

3 answers


I find the best way to diagnose and correct IE bugs is to use an alternate style sheet for IE using the IE conditional statements.

For instance in this is a common IE fix I include in the head. (The second one is a js fix for IE8's inability to render :focus, thought I might as well include it.)

    <!--[if IE 7]>
<link href="assets/css/ie.css" rel="stylesheet" type="text/css" />

<!-- Fix IE8 focus bug -->
<!--[if lt IE 8]>
<script src="" type="text/javascript"></script>

A few tidbits about IE. A main difference in the rendering is positioning. My best advice to you is play around with your margin parameters and get a feel for how IE7 will mess it up. Believe it or not, there is a consistent way it messes up the positioning.

This method is based on a hack that when browsers see two style declarations ( two stylesheets in this case), They will either use the first one ( your main css document) or if they find 2, it will use the 2nd of the two, so your IE.css should include only styles that need fixing, since only IE7 can see it.

I hope this is helpful.

Answered almost 10 years ago by Shawn Borsky

Try flipping the order of the right sidebar and div.content in the source code.

You are also missing at <tr> for the form markup. Maybe that's what's cookin'.

Answered almost 10 years ago by Jens Hedqvist
Rob 230

All versions of IE are the worst on the planet so markup not working in IE, while working in all other more modern browsers, is not unusual at all and getting IE to work is the bain of a web developer's existence.

However, with 408 HTML errors and 201 CSS errors, it's difficult to help anyone in that situation.

Answered almost 10 years ago by Rob