IE trouble!

Deleted User 234324 · 19 Aug 2008 at 12:04

Hiya all, working on a site for a charity, so no money is involved, im after some assistance with getting it working in IE7 (IE6 would be great but too much hassle i think)

Anyway the site is fine in firefox, looks fine at 640x480 and up (using zoom feature).

Problem is in IE7 its a total mess, would anyone be so kind as to take a look for me and offer any suggestions. You can view the site at www.rtm-digitalmedia.co.uk/torcab/index.php

Ekim · 19 Aug 2008 at 12:09

link doesn't work

GravyMonster · 19 Aug 2008 at 12:11

I get a 404 from your link

Deleted User 234324 · 19 Aug 2008 at 12:16

my mistake, url should be.

www.rtm-digitalmedia.co.uk/torcab/index.php

GravyMonster · 19 Aug 2008 at 12:26

Sorry to rain on your parade, but it doesn't work for me in FF 2 or IE6/7.

I'll upload some pics so you can see it

Deleted User 234324 · 19 Aug 2008 at 12:36

i know ie 6/7 dont work, but site is fine in ff3 for me.

custard · 19 Aug 2008 at 12:41

Other than the broken banner it looks very similarly broke in FF3 and IE6 to me.

FF3 - http://i37.tinypic.com/2uh3lgm.png
IE6 - http://i35.tinypic.com/oayjdk.png

GravyMonster · 19 Aug 2008 at 12:42

Thanks custard, was trying to upload pics but Imageshack was being a big hairy homogay.

That's exactly what I get too.

Deleted User 234324 · 19 Aug 2008 at 12:47

ahh i can see now, back to the drawing boards then.

Ekim · 19 Aug 2008 at 13:51

Try coding in XHTML 1.0 Strict - you should find that helps render across browsers in a way that you will expect.

Deleted User 234324 · 20 Aug 2008 at 11:11

Doubled checked my index.php and that validates with xhtml 1.0 strict no problem so no idea why its a total mess in IE7.

Looking at the page again, it appears that the font size you use is what causes the page to mess up, is it possible to force a specific size font, the page looks fine on my system and when zoomed in, but if i use zoom text only the layout goes to crap.

EDIT: Looks like the font size of 1em in firefox is fine for me (10px forced and it displays fine) but IE7 doesnt wanna play ball either way.

GravyMonster · 20 Aug 2008 at 11:27

Is the font size on your system set smaller than standard?

Also, just because a page validates doesn't mean it'll work in all browsers - as you've just discovered.

Deleted User 234324 · 20 Aug 2008 at 11:54

Went through the css and changed all references to "em" font sizes and made them static along with left/right column dimensions and the page now renders fine in both FF and IE7.

Seems like using em values can cause more trouble than they are worth.

Tripnologist · 20 Aug 2008 at 12:47

MadMossy said:
Went through the css and changed all references to "em" font sizes and made them static along with left/right column dimensions and the page now renders fine in both FF and IE7.

Seems like using em values can cause more trouble than they are worth.

em is great. Set your body font size to 62.5% and then your container(s) font size to 1.2em and it should be smooth sailing.