This is a problem that has to do with the Millionaire Geeks website (http://www.millionairegeek.com) Our site is working perfectly fine in every browser except Internet Explorer versions 5 and earlier. In 6 and later it works fine. Normally I wouldn't care because IE 5 is worthless but there are still a number of computers that use it, specifically computers for public use. I've given the link below to the part of our site that explains the error better. http://www.millionairegeeks.com/problem.html I've also attached our stylesheet as a .txt file. Any help would be greatly appreciated, thanks.
Ack! Dreambeaver! : ) I don't have access to IE5.5 or under right now, however the main big bug with this one is the broken box model (which you can google to your heart's content). The most basic idea of the problem is this: Let's say you have a box, a div. You set the width to 460px and then give 20px of side padding (so, 20px on the left side and 20px on the right side, total 40px). IE5.5 and under thinks the outside of the box should stay 460px, so the amount of space for content inside the box just got smaller. IE6 and above, as well as modern browsers, do not make this mistake. They stick the padding on the outside of the box, making its width a total of 500px (still 460px width inside for the content). You'll have to decide if you want a separate stylesheet or not for 5.5 and under. In every place where you've stated a width and then sidepadding, you'll need to feed new numbers to just IE5.5 and below (IE5.5, IE5.0, IE4 even). There's a popular hack for this, but if you're going to be doing it for many boxes, it'll make your code a mess. #div { width: 460px;<-- for modern browsers padding: 0 20px; } * html { width: 500px; <--tells IE6 and below a new width w/idth: 460px;<-- tells IE6 to override the above, since IE6 does not have a problem with "w/idth" or "_width" and also does not have a broken box model } Google Tan Hack, and IE conditional comments. Microsoft would rather you used the conditional comments, since you can target the particular browser you want (meaning you won't need the hack, because you'll use [!if lte IE 5.5]style... set stylesheets[!endif] or whatever... yeah, I wrote it wrong, but I don't use them myself (I copy from the one page I did when I need to, don't have it with me now).
You really don't need to worry about IE 5.0 - 0.09% of users have it. http://marketshare.hitslink.com/report.aspx?qprid=2
Your probably right that I shouldn't worry about it. I hardly ever see the old crappy IE. But occasionally I do. Thanks for the hack though, I'll make a copy of the website and play around with it just to see if I can get it to work without making too much of a mess
Since on this particular page it's pretty much just the middle dropping down, you can probably do a little babying for 5.x no problem. I recently did that with our scooter insurance page... the side menu was too narrow and misplaced... adding a single hack made it at least readable and clickable in 5.5... the rest of the problems were only design-wise and I figured that I just want it functional for our 1%, not beautiful. If they want a beautiful site to look at, they'll have to use another browser.