1 reply [Last post]
AE's picture
Last seen: 18 years 32 weeks ago
Timezone: GMT+2
Joined: 2004-02-26
Posts: 9
Points: 0

To completely rule out the possibility of mispositioning it would -theoretically- be best to make a stylesheet for every single browser, isn't that so?

So if I would want to do that, which browsers can be compared with eachother as to similar positioning?

Mozilla and Netscape would, I know.
Opera's a bit different, as is IE.
And then I'm talking about Windows browsers

How is it with Mac?
I've tested my websites on Mozilla, Opera, Netscape, IE, all for Windows and IE for Mac.
But I don't have the possibility to test for example Netscape for Mac or Safari, or any browser on Linux for that matter.

Is there a lot of differences there?

Tony's picture
Last seen: 1 week 5 days ago
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Which is which?

Hi AE,
A few years ago it was common to use a browser detector and switch style sheets or even pages.
Then people started to realise how much extra work is needed to maintain a site designed like that.

Now days most people avoid targeting a particular browser where possible.
If you are having problems with CSS for different browsers here's a guideline you could use:

Firstly start with a valid doctype so that IE6 renders in "standards mode".
That puts IE6, Mozilla based browsers and Opera pretty close for most positioning.
Then you can use @import to filter out older browsers, browsers such as netscape 4 and many of that era will ignore any of the imported styles.

So then your only problem browsers should be IE5 and IE5.5 on Windows. IE5 Mac was the first to switch between standards and quirks mode so in theory it should be positioning like the others.

There are hacks that you could use to target those browsers or you could design your site carefully so that hacks are not needed.

Try to keep padding and margin off positioned, floated and sized elements.

Hope that helps