Thread: Can you do me a favour?

Can I ask people here a huge favour?

I need a few people to post screenshots of a webpage just so I can see it renders ok in browsers

http://www.snoopy.force9.co.uk/radio

doesn't have to be full size screenshots, or anything
but I'd like to see any differences

Particularly want to get IE 6, 7, 8 and chrome on windows (which I can't do on my machine)

Muchos Grassy Arse

v Firefox 3.5

Spoiler for .:

v Windows Internet Explorer 7

Spoiler for .:

v Google Chrome

Spoiler for .:

v Opera 10

Spoiler for .:

thanks cloud,

looks like IE's going to be a problem....shit

Internet Explorer 8

Spoiler for .:

Edit:
Internet Explorer 6 (<3 XP mode)

Spoiler for .:

thanks khh,

So, IE < 8 doesn't work properly, great....
so much for coding a site to CSS2 specs (specs dating back to 1998, no less)

Is it reasonable to put a notice on sites saying they won't work with older versions of IE?

How do professional web developers deal with this?
IE is just broken

I believe proffesional developers use some sort of a browser sniffing feature, so that Internet Explorer browsers gets served a different stylesheet, one it works propperly on.
You could probably include a notice saying that only internet explorer 8 and higher is supported, however it would probably discurrage quite a few potential users, since I believe Internet Explorer 7, at least, is still widely used and considered a "new" browser.

Originally Posted by Ynot

thanks khh,

So, IE < 8 doesn't work properly, great....
so much for coding a site to CSS2 specs (specs dating back to 1998, no less)

Is it reasonable to put a notice on sites saying they won't work with older versions of IE?

How do professional web developers deal with this?
IE is just broken

A quick glance at the source doesn't really throw up any obvious reasons as to why the tabbed menu isn't working in IE7 and below. The .1em width declaration on the a element is a bit odd, though?

Generally I throw in IE-specific stylesheets if there are big issues. Put them in an if statement in the head of the HTML, like so:

Code:

<!--[if lte IE 7]>
        <<link rel="stylesheet" href="ie.css" type="text/css" media="screen, projection" />
  <![endif]-->

There's probably a problem with display properties or the like. I'll look into it when I have time.

Edit: What's with that JavaScript detecting em width?