Opera

Historically, Opera has had a few CSS quirks, but the last few versions have been relatively stable. Market share for this browser has been low, yet steady. As of September 2005, with the release of Opera 8.5, the browser became free to the public (and free of ads), meaning its market share will likely increase. That same year, Opera made major inroads in the mobile market with Opera 8 and Opera Mini, making this a browser to watch closely.

As of this writing, Opera is readying Version 9 of its browser, which uses the Presto layout engine and is close to passing the Acid2 test. Versions 8 and 8.5 have very few bugs to speak of (see Table 25-5), making this browser very easy to support, and making filters and hacks unnecessary.

Table 25-5. Opera bugs and fixes at a glance

Bug

Fix

Using the border-width property on a block absolutely positioned to the bottom of its container will result in a padding-bottom equal to the border-top value (affects Opera 7.5-8.5).

    div {
      position: absolute;
      bottom: 0;
      border: solid #000;
      border-width: 20px 10px 10px 5px;
    }

Set different border widths via the individual border-width-* properties:

    div {
      position: absolute;
      bottom: 0;
      border: 10px solid #000;
      border-top-width: 20px;
      border-left-width: 5px;
    }

Combining the :hover pseudoclass with an adjacent sibling in a selector doesn’t work.

    dt:hover+dd {
      color: green;
    }

No fix available.

When inside a containing block that is positioned on a page by text-align: center or text-align: right

Get Web Design in a Nutshell, 3rd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial