IE6 Compatibility Help (fixed)

Posted By: mastermine | Jul 11th, 2007 @ 10:45 AM
page 1 of 1
Comments: 5 | Views: 3267
#Jul 11th, 2007 @ 10:45 AM
mastermine
mastermine
Hi, I have been designing a website form a school that i work for and i have designed it to XHTML and CSS standards and it is working in FF,Oprea, Safari and IE7 all of the standards compliant browsers excerpt IE6 based browsers.

the address is http://testing.meamod.com/darlo/home

Here is what it looks like in FF:
FireFox
this is how it is supposed to look

And here is what it looks like in IE6:
IE6
as you can see the text is the wrong size which only happens on the home page in IE6 and also the side of the site is broken which is on every page i have managed to work out the this is because of the flash logo. but i have not been able to find a way to fix these.

CSS: http://testing.meamod.com/darlo/style/default.css

Any Help would be much appreciated

Thanks James Weston
#Jul 11th, 2007 @ 12:40 PM
JChung2006
JChung2006

Re: font size, it looks like the way IE6 renders medium Arial is different than the way IE7 and the other browsers render medium Arial.  I tested this by comparing the text on your page with the text on a page with just this:

<div style="font: medium Arial, sans-serif">Test.</div>

As for the Flash IE6 width issue, your "logo" class has its CSS margin-left property set to 80px.  Removing that gets rid of the extra whitespace on IE6.

#Jul 11th, 2007 @ 1:17 PM
mastermine
mastermine
 The flash fix worked perfectly thanks very much.

and i am still working on the font fix i will post back with more info soon

Ok I have looked in to the font problem is still a mystery because

both of the following pages use the same class for the text however the look completely different in ie6

http://testing.meamod.com/darlo/home/
http://testing.meamod.com/darlo/about/
#Jul 12th, 2007 @ 12:23 AM
AndyC
AndyC
mastermine wrote:


That's got an XML prolog before the doctype, so IE6 will render it in Quirks mode.
#Jul 12th, 2007 @ 1:03 AM
Sven Groot
Sven Groot
Yep, XML prolog is the problem here. In quirks mode in IE, absolute font sizes (e.g. small, medium) render bigger than they're supposed to.

Remove the XML prolog, IE6 switches to standards mode, your issues should be gone.
#Jul 12th, 2007 @ 3:59 AM
mastermine
mastermine
Thanks both of you it worked perfectly. Smiley

James Weston
page 1 of 1
Comments: 5 | Views: 3267