Problems with IE – need help

[martinschwertle]

What's just wrong with the Internet Explorer...? I have created a website with blueprint css; it's www.licht-wellnesstechnik.de. Everything is fine when looking at it with Firefox or Chrome. But when I visit it with IE (in this case IE8, Version 8.0.3001.18702) everything's f**ked up: It reduces the width of my DIVs (e.g. on the start page the lower box and even more severe on this page. Who can help me? What did I do wrong. Or even more important: How can I fix this?

I don't want (or need) to mention all the other bugs that IE has (no interpretation of min-height etc.)

Thanks and bests, Martin

[David Postill]

On Wed, 21 Mar 2012 00:29:08 -0700 (PDT), martinschwertle wrote:

| What's just wrong with the Internet Explorer...? I have created a website
| with blueprint css; it's www.licht-wellnesstechnik.de. Everything is fine
| when looking at it with Firefox or Chrome. But when I visit it with IE (in
| this case IE8, Version 8.0.3001.18702) everything's f**ked up: It reduces
| the width of my DIVs (e.g. on the start page the lower box and even more

| severe on this page<http://www.licht-wellnesstechnik.de/index.php?page=partner>.

| Who can help me? What did I do wrong. Or even more important: How can I fix
| this?
|
| I don't want (or need) to mention all the other bugs that IE has (no
| interpretation of min-height etc.)
|
| Thanks and bests, Martin

Fix your errors first :)

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.licht-wellnesstechnik.de%2F
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.licht-wellnesstechnik.de%2F

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.licht-wellnesstechnik.de%2Findex.php%3Fpage%3Dpartner
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.licht-wellnesstechnik.de%2Findex.php%3Fpage%3Dpartner
--
David Postill
Dance your Life - Biodanza in Holland - <http://www.danceyourlife.eu>

[martinschwertle]

Oh yeah, thanks for that hint. I really appreciate your help. (By the way some of the errors refer to blueprint files...)

But I don't suppose this will fix the problem as there are several, non standardized and not validable arguments (like shadow). So do you or does anyone have a concrete hint on what could be the problem in my case?

[garethjmsaunders]

Hi Martin,

On Wednesday, 21 March 2012 07:29:08 UTC, martinschwertle wrote:

What's just wrong with the Internet Explorer...? I have created a website with blueprint css; it's www.licht-wellnesstechnik.de. Everything is fine when looking at it with Firefox or Chrome. But when I visit it with IE (in this case IE8, Version 8.0.3001.18702) everything's f**ked up: It reduces the width of my DIVs (e.g. on the start page the lower box and even more severe on this page. Who can help me? What did I do wrong. Or even more important: How can I fix this?

I don't want (or need) to mention all the other bugs that IE has (no interpretation of min-height etc.)

It looks to me like the issue is to do with your IE-conditional comment. I downloaded your code and edited it on my localhost server, and changing the conditional seems to have fixed it.

Rather than using [if IE] the latest versions of Blueprint requires you to use [if lt IE 8] like this:

<!--[if lt IE 8]><link rel="stylesheet" href="http://www.licht-wellnesstechnik.de/css/blueprint/ie.css" type="text/css" media="screen, projection" /><![endif]-->

You might also want to consider using a <meta http-equiv="X-UA-Compatible" content="{VERSION}" /> tag to make sure newer versions of IE know exactly which rendering engine it should use.

I hope that helps.

Gareth

www.garethjmsaunders.co.uk/blueprint/

[martinschwertle]

garethjmsaunders:

It looks to me like the issue is to do with your IE-conditional comment. I downloaded your code and edited it on my localhost server, and changing the conditional seems to have fixed it.

Rather than using [if IE] the latest versions of Blueprint requires you to use [if lt IE 8] like this:

<!--[if lt IE 8]><link rel="stylesheet" href="http://www.licht-​wellnesstechnik.de/css/​blueprint/ie.css" type="text/css" media="screen, projection" /><![endif]-->

Umm, does not solve the problem in my case/on my local machine/on my webserver. It even makes it worse: Now that the ie.css is not included by the IE8-browser, it does not align horizontally centered. And the original problem remains. Makes me mad sometimes :/

[garethjmsaunders]

Hi Martin

when you press F12 does it show you the browser mode that is being used? When I was testing it on IE9 on localhost, if I remember correctly IE's default setting is to view localhost pages in quirks mode. As soon as I changed it to IE8 or IE9 in browser and document mode it looks fine.

Try changing the document and browser modes to make sure you are viewing it with the IE8 engine, and also test it on an internet server and see what happens.

If you're still having problems with it, drop me an email. You can find my contact details at:  http://www.garethjmsaunders.co.uk/blueprint/  and I'll take a look at it for you in more depth. Feel free to zip up and email me the files if you do email me.

Sincerely,

Gareth

[martinschwertle]

Hi Gareth,

that actually was the problem. I now fixed it by putting <meta http-equiv="X-UA-Compatible" content="IE=8" /> into my header, now it works.

Thanks a lot, great job. I really appreciate!

Bests, Martin

PS: I'd love to check it with some other versions of IE. Do you know any emulator, where one can check different browsers and versions?

[garethjmsaunders]

Hi Martin

glad that sorted it out. Have you checked out IE Tester from Core Services?

http://www.my-debugbar.com/wiki/IETester/HomePage 

"IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of IE10 preview, IE9, IE8, IE7 IE 6 and IE5.5 on Windows 7, Vista and XP, as well as the installed IE in the same process. "

Gareth