Explorer

[Sami]

Why is it so difficult to create pages that display properly in Internet Explorer?

[Ingolme]

It's not that difficult. The box model problem is solved by putting a proper DTD on your page. Most of the other inconsistencies ( in IE7 and up) are very small simple to fix. Even Internet Explorer 6 has solutions for most CSS problems.The real problem comes when trying to build complex Javascript applications.

[jeffman]

If you cannot discover a solution yourself, come here and ask. Many solutions are well-known and someone probably has an answer for you.

[Sami]

If you cannot discover a solution yourself, come here and ask. Many solutions are well-known and someone probably has an answer for you.

Allright: http://ripper.dontexist.com/Try it in explorer and another browser.Can you see the problem?

[thescientist]

could you explain the problem for us non-native Windows users?

[boen_robot]

What bug is

body {width:200px}

fixing? Looks like a possible screwed up thing...

[Ingolme]

To start off, your page is running in quirks mode. You should change to a proper DTD and make sure your page is valid.When in quirks mode browsers render things wildly different from eachother, and if your code is not valid the effect is similar.You should try an HTML Strict or XHTML Strict DTD.

[attila2452]

To start off, your page is running in quirks mode. You should change to a proper DTD and make sure your page is valid.When in quirks mode browsers render things wildly different from eachother, and if your code is not valid the effect is similar.You should try an HTML Strict or XHTML Strict DTD.

OR instead you could use HTML5 's Doctype! http://w3schools.com/html5/tag_doctype.asplook at that! it may help with your "quirk mode'

[thescientist]

but then again HTML5 is not widely supported so, might as well as stick to what works for now.

[jeffman]

It's still good practice to support older browsers still in use, like IE6-7, which will not like the HTML5 doctype.

[trollger]

If you don't know what a doctype is you need to figure it out right now. IE is very picky about the whole doctype thing whereas Fire fox is not as strict about it. Many resources will tell you With out a DOCTYPE a web page will be rendered differently in different browsers So if this is because there is no doctype then this is normal. If not then you are going to have to dig through code and find out why IE doesn't like your web page.Programming cross-browser code can be no fun especial ( actually almost always ) For IE.Check out http://www.w3schools.com/xhtml/xhtml_dtd.asp if you have not done so already.NOTE: for feature projects you should test with fire fox and IE at the same time so you don't get to the end of a project and say 'hay I should probably test this in explorer.' Fix problems as you go

[Sami]

What bug is

body {width:200px}

fixing? Looks like a possible screwed up thing...

That's because when the window size was small enough, the page was displayed correctly, then I made an attemp to fix it that way untill later.