IE 5.2 pain

[neilkw]

I'd appreciate it if anyone could point me in the direction of (a) my possible css faults or (b) a piece of heavenly code that will shift this css designed page so that It doesn't look like a car crash via IE 5.2 (mac). It appears to not recognise my main containing div properly. problem page = http://www.ukbw.com/natural

Safari, FF and Opera all appear good my end.

thanks

[djr33]

It does look pretty crazy; the top right-side thing is just totally missing... weird.

Why are you using css for layout? It's just 3 divs, right? Just position them.

I'm not sure what would fix the css for IE5 mac, though.

I did notice a bunch of extra <br> tags.... I'd guess that's what's throwing them off, but also might be something helpful for other browsers. Is it possible to take those out?

[neilkw]

ok, I have manged to get IE 5.2 happy. I did remove those <br> tags and also adjusted the float of a div. Just tested the site on IE6 and Maxthon and they display something completely new and problematic.

I guess i need to concentrate on the mass market - IE 6 and FF.

Is there a fundamental difference in the technology of IE 5 and IE 6?
perhaps a css reading capability?

cheers

[Twey]

IE6 is closer to the standards. That's a relative measure, of course.

The most problematic bug that tends to happen with CSS in IE5 is the fact that it counts "width" as being what standards-compliant browsers would call width + border-width + padding + margin.

[neilkw]

many thanks, I'm still finding irregularities though. Could it be an issue with the doctype?
I'm building this via dreamweaver and at the start of designing I have the options of: html strict/transitional and xhtml 1.1/strict/transitional.

As I'm still learning all this, i'd appreciate any feedback on whether there is a preferred type.

thanks again

[Twey]

The preferred DOCTYPE for general use is HTML 4.01 Strict at the moment. See http://dynamicdrive.com/forums/showthread.php?t=9390.

[neilkw]

cheers, thats really interesting

[neilkw]

to add to the ie bug hell. I found this really interesting
http://friendlybit.com/css/cross-browser-strategies-for-css/