Opera and CSS

[Mona]

Hi everyone

I'm new to this forum. I'm designing a web site for work, and have it mostly working in IE 6, Netscape, and Mozilla. I can't seem to get it to work in Opera. The problem is with the appearance - it is set out differently.

I need to be able to link a separate style sheet to Opera only. I know that when I only had one style sheet, Opera and IE looked fine, but Mozilla and Netscape looked crap. Now I have a sheet for Mozilla and Netscape, but IE has another style sheet, which I link using the 'if IE 6' method.

I either need a separate style sheet for Opera, or to simply link my IE style sheet to Opera. Any ideas? It's driving me mad.

Thanks, Mona

 

[LeetPCUser]

Well I can tell you this. I found some similarities between IE6 and Mozilla and I was able to make the two children to play nice. I haven't yet tried Opera but most people aren't using it. The vast majority use IE6. I would say make an IE6/Mozilla CSS and an Opera CSS. When they enter the forum I would have a big read first thing. If they read it it will say if you have opera click here or something like that. If you have a link at the beginning and you have continuous Mozilla/IE users they are going to get upset that they have to continually click a link to get to your forum.

Food For Thought,

 

[Rowan W]

The most common problem with Opera is it's margins and padding. If you have margin:0; anywhere, add "padding:0;" as well.

See what that does.

Anyway, it's quite possible to get most things working fine with just one stylesheet for all browsers. I'm sure you can work it out with more thought and research.

 

[LeetPCUser]

Rowan nice to see you around again

 

[Mona]

Thanks Rowan. The margin and padding information has helped. I will try to have one style sheet for all browsers, I imagine it will just take some work.

Mona

 

[LeetPCUser]

Does Opera read it different them Mozilla? I heard the two were more similar than IE6 was. I thought you could group those two together and IE6 in it's own stupid category.