ansaurus

Question

Why doesn't my page display correctly in Internet Explorer?

Answer 1

+7 A:

Try removing the comments before the DOCTYPE tag. Sometimes IE doesn't like them. See this question for reference: http://stackoverflow.com/questions/941100/can-html-comments-appear-before-the-doctype-declaration

Aaron D 2010-09-15 18:08:35

THANK YOU! That did the trick :)

Latze 2010-09-15 18:18:12

I was just going to say that IE seems to be in quirks mode, so something isn't validating properly, but it was fixed in the next refresh :) Use http://validator.w3.org to catch things that can escape the eye.

Fanis 2010-09-15 18:21:56

@Fanis I actually did use the w3 validator, it stated that nothing was wrong... Very weird! The reason why is suddenly worked was probably that I just fixed it ;)

Latze 2010-09-15 18:24:59

Answer 2

+1 A:

What exactly do you mean by "crash". In IE6/7 the only major difference I see is the content is left-aligned and not centered. You can fix this by add text-align: center to the <body> tag, and then a text-align: left within your div#container_front to restore text alignment to normal.

On top of that, but minor-ish, the translucent block with the contact information doesn't span the full width of the background picture it's over.

Marc B 2010-09-15 18:14:24

Answer 3

A:

I may have found out what caused this problem. If you guys are running Windows you might have noticed some updates today and yesterday? Apparently Internet Explorer amongst other things has been updated.

This made parts of my page not display correctly. For example in the semi transparent box there was supposed to be two links (one where it says "klik for mere info" and one that says "Klik her" in grey). Both links were displayed but neither worked.

This was caused by a filter I used in order to use a semi transparent background (check out this site for more information about what was once required to use semi transparent backgrounds in IE). The filter is as follows:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/example.png');

This used to work but the new update has caused this filter to ruin the page. I also noted that IE now identifies and uses styles with [attributes] (found out this because when I deleted the filter, the background was still there and was still semi transparent).

Internet Explorer also no more ignores !important tags.

NOTE: All the above mentioned statements are based on speculations and minor tests. The only tests I have made to prove these statements are the ones I performed on this site in order to fix the first problem to begin with. So don't get pissed if what I just stated is all wrong :) And by the way I "use" Internet Explorer 8 so I don't know if it works in IE 6/7. I never really use IE though

Latze 2010-09-15 19:54:19

ansaurus

tags:

views:

answers:

Why doesn't my page display correctly in Internet Explorer?

Oh, and just to mention...

related questions