Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    May 2007
    Location
    Oakland, CA
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Nightmare at the Opera

    Hello group,

    Just a general question about browser compatabilty - why does Opera seem to be lagging behind the other browsers? I've recently gotten rid of my old Java drop down menus (Which, incidently, never worked quite right in Opera either) and they look great in IE, FF and Safari. But they don't in Opera:

    http://inkart.net/

    I realize not too many people use Opera, but I'd of course like to see my website function cross-browser. Thoughts?

  • #2
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,633
    Thanks
    0
    Thanked 649 Times in 639 Posts
    Different browsers implement new things in different orders. Opera is actually ahead of the other browsers on implementing quite a lot of things.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #3
    Master Coder
    Join Date
    Feb 2003
    Location
    Umeå, Sweden
    Posts
    5,575
    Thanks
    0
    Thanked 83 Times in 74 Posts
    Quote Originally Posted by roger_inkart View Post
    Just a general question about browser compatabilty - why does Opera seem to be lagging behind the other browsers?
    They aren't lagging behind. In fact, if anything, I would say they are slightly ahead of the others in some areas and just an inch behind in others, placing them pretty much level with Mozilla and slightly ahead of Apple
    I've recently gotten rid of my old Java drop down menus (Which, incidently, never worked quite right in Opera either) and they look great in IE, FF and Safari. But they don't in Opera
    Just at a glance, I cannot see any difference between Safari 1.3, Firefox 2 and my tester build of Opera 9.50 when it comes to those menus, and they work just fine in all three. In the latest public build (Opera 9.20 final), I see what you mean, however. Haven't looked into what might cause that, but it seems like Opera thinks your mouse no longer hovers the menu item when you drag it onto the submenu.

    A quick brainstorm, is there any margin, overflow or positioning done? If so, try without that. Also, you might want to check the style by adding colour borders on :hover for all different elements in the menu. That way you should be able to see which element causes the problem.
    liorean <[lio@wg]>
    Articles: RegEx evolt wsabstract , Named Arguments
    Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
    Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

  • #4
    New Coder
    Join Date
    May 2007
    Location
    Oakland, CA
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry, I didn't mean to disparage Opera. It's just a little frustrating to see a page look great on IE, FF, Safari then with Opera everything was out of whack. My rollovers don't quite disappear and, as mentioned, the drop down menus won't work.

    http://inkart.net/art/wildlife_art/malayan_horned_frog/

    But thanks for the feedback and I'll see about correcting the code.

  • #5
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    The menu that you are using is this one by Stu Nichols. The demo on that page seems to be working fine in Opera 9.2 so you should be able to make yours work too.

    Your markup differs a bit and there are many errors. I would start correcting those errors. Remember that error correction algorithms vary among browsers.

    If this doesn't help, post again. Also, if you do so please add line breaks in your source.

  • #6
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Quote Originally Posted by koyama View Post
    Your markup differs a bit and there are many errors. I would start correcting those errors. Remember that error correction algorithms vary among browsers.
    But also remember that as long as you serve markup as text/html, it being valid is meaningless: no browser uses an SGML parser. Just because it's valid doesn't mean it'll work as intended. Anyone able to name a browser in which the below renders as intended?
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
    <title>Test</title>
    <p/This <em/is/ rather odd, isn't it?/

  • #7
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by Error 404 View Post
    But also remember that as long as you serve markup as text/html, it being valid is meaningless: no browser uses an SGML parser. Just because it's valid doesn't mean it'll work as intended.
    Thanks, Error_404. I see your point and I have taken note of it.

    In that case this just worsens the situation. If we can't trust that even valid code is parsed correctly things get difficult. I am hoping that the case you mention above is special and represents an exceptional case. Usually we don't create web pages using code looking like that.

    The page in question uses many IE conditional comments. This further complicates the situation when it comes to validation. Conditional comments are skipped by the validator and not analyzed.

    Even though we may pass validation we may still be having invalid code with respect to IE. In such cases the validator is not much help for finding and fixing IE rendering problems.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •