Compatibility with IE6 [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center. Closed 11 years ago.

I'm having trouble getting my website to work with IE6.

This is my first attempt at website design, so I literally have no experience and everything I learned, I learned in the last three to four days.

This is my website as a JSFiddle: http://jsfiddle.net/pgete/

I have it hosted on my personal computer (HORRIBLE internet): http://41.238.112.237/

开发者_StackOverflow社区I'd recommend visiting the one on my personal computer to see it with pictures. But if it's not responding, don't be surprised.

It runs fine on FF6 and IE9. I tried it on IE6 and it turned out looking like a giant pool of orange.

What should I keep an eye out for when I'm trying to develop a website?

---

Unless you have a very specific reason for supporting IE6, just drop it. Seriously - microsoft even has a nice little campaign about it's demise. http://www.ie6countdown.com/

To make my answer a little more specific though, when I design a site, I try and take into account the audience. For instance, a real estate site that I developed works in IE7+, with a note to IE6 users that they really should upgrade (usage on the old site was about 1-3%, so it was an acceptable thing to do). On the tech-motivated site that I work on for my job, we only support IE8+ - a majority of our users don't even use IE technology, so pushing that up a bit has no major drawbacks.

You can use sites like this: http://www.netmarketshare.com/browser-market-share.aspx?qprid=1 to find browser share if you're doing a new site that is for people across the board, but.. don't bother with IE6 unless you're doing something for the Chinese it seems :) (based off of microsoft's site)

---

If you really need to design the page for IE6 too, you should take a look at this CSS-compatibilty-list

I guess the major problem currently is the use of the display-property "inline-block" for the navigation-items.

inline-block is not supported by IE6.

A workaround may be the use of display:block together with a setting of float:left