JeroenMulder.com, Skip Navigation


Current Location: / Weblog

Recent Entries

Opera’s Dancing: Smashing CSS Bugs

Friday / 09 July 04

Today I have spend a numerous amount of hours smashing CSS bugs for Opera. I have had version 7.23 installed ever since it was available, which was the version I had tested the site in. I’ll be honest and say I despise the Opera browser for reasons I’ll save you from hearing. If we want to be consistent with browser support, then Opera shouldn’t be forgotten.

As the TODO list mentions, there were two strange issues with Opera: the navigation and certain form elements. Fixing the text fields proofed to be fairly easy, once you figure out Opera does not like fixed heights being applied to its precious text fields. By applying padding one can achieve an identical effect.

In the near future I’ll do a seperate and complete writeup of the navigation. For now, it’s enough to know that the ‘custom tooltips’ should be positioned relatively to the list item. Strangely enough, this wouldn’t work as expected in Opera 7.23, yet it’s advertised as being W3C friendly. Even stranger was when I took a long shot and upgraded to Opera 7.52 and noticed that the navigation worked near perfect.

I have seen a numerous amount of cases where only the slighest increase in Opera’s version number actually meant a lot more than what one would believe. Right now I am sitting here wondering how am I going to tackle this problem. Surely one cannot cater for all these versions of Opera. I have only looked into Opera 7.23 en 7.52 for this. I am sure I should add a body { border: 0px } for Opera 7.11 too, not even mentioning Opera 6. Opera’s bug dancing with every release has made it one of the most annoying browsers to support.

Where does one draw the line? Do you try to support only for the latest versions, say the ones released in the past six months? Or have I spend writing an entry about behaviour that only effects extraordinary cases? For now, I will stick to Opera 7.52. Thinking about all those other versions makes my head spin. Perhaps some other day, not now.

Comments

1Nick Coad posted:

11 July 04, 06:21:34 AM

Sounds like you're having a really annoying time there. Being so stubborn, I just made sure my site worked well in Firefox and ignore anything else since I think as long as my web site is standards compliant, there is nothing I'm obligated to change. I'll just let the browsers change. This probably isn't the best way to do it, but just wanted to let you know that you've done well in making your site standards compliant - should you really be bending over backwards for browsers that have been poorly written?

2Jeroen Mulder posted:

11 July 04, 14:05:52 PM

Nick, exactly. Though, I don't really mind badly written browsers such as MSIE6. MSIE6 is fairly consistent with its quirks, where Opera just seems to blow the competition away with some of its quirks.

For now, I'll leave it as it is. I will upload some changes soon that improve it for MSIE5.01 SP2/Win and MSIE 5.5 SP2/Win though.

3PooM posted:

15 July 04, 09:03:12 AM

Damn dude that sux, I hate when that happens, you seem more into it than me. I am doing a web design course at the moment and it says you aim for a specific benchmark and then work from there, the rest dont matter. But if the problem goes on and off through the different versions above the benchmark than that is a serious problem!! :O

I would choose the most up to date one, hasnt Opera got an auto-update anyway? So peeps would always see what yer meant to see because the program is always being updated when new patches come out?

Anyways good luck with it man, I hope ya find a solution :)

4Faruk Ates posted:

26 July 04, 04:43:35 AM

I hardly support Opera at all. For most things, Opera does it just fine. But a few of the 'fancy' CSS trickeries I've put in my design don't work at all in Opera, or are very buggy. Those, too, behave differently across versions of Opera, so I'm not even going to begin trying to figure out what to do to fix it. It's clearly an Opera bug, not a fault in my CSS (the output Opera gives is just highly unrealistic, and in Mozilla / Firefox it works flawlessly).

As for a recommendation, I say go with the latest stable release version only. People using Mozilla, Firefox or Opera (or Safari, etc.) - they all generally know that they should upgrade to the latest stable releases at all times.

Oh, and a tip for your blog, Jeroen: add a color: #000; to input, textarea { } - I have my Windows colors inverted and now type in very light grey on a white background. Not fun on the eyes ;)

Oh, and a final thing: PLEASE add automatic linebreaks to your comment system. I wrote four paragraphs in this comment, but they'll appear as one because I can't add paragraph HTML nor does your BBCode have anything for it. Just toss an nl2br() on the comments in your PHP and it'll do, at least. :)

5Jeroen Mulder posted:

30 July 04, 15:28:51 PM

Faruk, Windows colours inverted? Interesting, but wouldn't setting the color to black result in white for you? The initial colour of text in input / textarea elements should be dark grey already (close to black).

While reading your comment I also noticed the line breaks disappeared. I refuse to apply nl2br() though, as this would produce semantically incorrect markup. I used to have an automatic paragraphing function running on this, I wonder what happend to it. I'll get on it.

6Nick z. posted:

19 December 04, 20:44:54 PM

I know this post is plenty old, but you did say if ever had anything to add to discussion i should...

Last week i was just finishing up work on the suckerfish style menu for my employers new website. The markup was a nested unordered list, and it was absolutely positioned. It worked fine in firefox, and after a javascript hack it worked in IE also, but when i tested it in Opera i found the stangest of bugs.

When hovering over the menu, weird display issues would occur - like only half the menu showing up, or list elements overlapping eachother. And when you hovered off, certain parts of the menu would be stuck, only dissapearing when you scrolled past them.

Long story short, Opera can get very touchy when it comes to floats - in my case floats on an absolutely positioned element. The way around it (annoyingly) is to specify not only a width, but also a height!

gah. opera!

7Nick Z. posted:

23 December 04, 23:58:18 PM

just to follow up with my last comment, the beta of opera 8 doesn't seem to choke on the menu as much. there is still a slight glitch which dissapears after a moment, but then it's fine.

operaRespect += 1

Post Your Comment






Comment Guidelines:
Please keep your comments relevant. Abusive, inappropriate and anonymous may be edited or removed, if deemed necessary.

Privacy Note:
Your e-mail address will never be displayed in public or forwarded to third-party organisations and is only stored for security reasons.


Recent Entries

Blogging Friends