Website in IE is completely messed up.

**Lestatt** · 11-19-2012, 10:15 AM

Hello guys.
My problem is: my web page looks fine in every browser except IE9 (and every previous version too I guess).
Question: What can I do to make my site look fine even in IE? Conditional comments? Never used them before.

Here link: http://gasperowicz.pl/start.php

**Beverleyh** · 11-19-2012, 10:52 AM

Yes - conditional comments and dedicated stylesheets are the way to "damage-control" IE's differences.
http://css-tricks.com/how-to-create-...ly-stylesheet/

Remeber that the order of your stylesheets is critical. in the head section you should first link to your master stylesheet (the one that suits Firefox and more compliant browsers), then come down the ranks and maybe have one overall IE stylesheet (to fix the majority of IE glithces), and then if you need to iron out the remaining kinks in IE7/6, have a stylesheet for those too.

Something like this;

Code:

<link rel="stylesheet" type="text/css" href="styles.css" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="styles_ie.css" /><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="styles_ie7_down.css" /><![endif]-->

**Beverleyh** · 11-19-2012, 10:55 AM

BTW - You might find IETester useful for trouble shooting older versions of IE: http://www.my-debugbar.com/wiki/IETester/HomePage

**keyboard** · 11-19-2012, 11:17 AM

Just a quick note, the website also malfunctions slightly in Opera... (latest version)
The orange bar is in the wrong place.

You shouldn't have to use conditional statements to fix it... (except in some cases)
Most of the time you just need to program it in a slightly different way, or add in a different rule.
It's pretty late here so I can't take a good look at it...

**Lestatt** · 11-20-2012, 08:27 AM

Thank you guys for your answers.

keyboard1333, thanks for mentioning that, didn't thought Opera would render elements in other way than Firefox/Chrome. But first I must get rid of IE (;

**molendijk** · 11-20-2012, 08:53 PM

The first thing I noticed about your site is that the page doesn't have a valid doctype. You always should have one. Try to put <!doctype html> on top (before the html-tag), and see what happens.
Arie.

**Deadweight** · 11-21-2012, 01:29 AM

Ah i usually have this problem using DIV TABLES in ie. The only way i found to fix this problem is actually making something like this:

Code:

<!--[if gt IE 5.5]>
<link rel="stylesheet" href="css/ie.css" type="text/css" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/main.css" />

gt IE 5.5 means greater then.
In that stylesheet ive the objects that contain the
display: table-cell and added a float left into one style like this:

Code:

.left, .right {
	float:left;
}

For me that fixed my problem.
Let me know if that doesnt work.

Reason: IE doesnt not read div tables

**Lestatt** · 11-21-2012, 10:44 AM

Originally Posted by molendijk

The first thing I noticed about your site is that the page doesn't have a valid doctype. You always should have one. Try to put <!doctype html> on top (before the html-tag), and see what happens.
Arie.

It does have valid one, since I'm converting page to HTML5.

**Lestatt** · 11-21-2012, 10:48 AM

Originally Posted by Crazykld69

Ah i usually have this problem using DIV TABLES in ie. The only way i found to fix this problem is actually making something like this:

Code:

<!--[if gt IE 5.5]>
<link rel="stylesheet" href="css/ie.css" type="text/css" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/main.css" />

gt IE 5.5 means greater then.
In that stylesheet ive the objects that contain the
display: table-cell and added a float left into one style like this:

Code:

.left, .right {
	float:left;
}

For me that fixed my problem.
Let me know if that doesnt work.

Reason: IE doesnt not read div tables

I'm not using any display: table-cell in my css.

**Deadweight** · 11-21-2012, 09:04 PM

Crap I'm in South Carolina until Sunday. If you can wait until that long I can go thru your code more extensively and actually see what's going on. To me it seems like a float issue but I could be wrong. Ill check once I get back unless you fix it before then