Opera Browser Wiki :: Opera 7 and CSS

Full Page History:

Oldest known version of this page was edited on 2009-10-08 11:17:49 by GerardTalbot? [Fixed a few links]

Page view:

Opera 7 and CSS

Summary: This page is intended to hold links / descriptions of active CSS bugs in the rendering engine of Opera. It is split into two sections (bugs & other issues). If you want to write about a new bug (many hands making light work), just click on ‘the EYE’ to edit the page (see FormattingRules to see how to format the text). Before posting a bug here, report it to the Opera Bug Tracking System (or make sure someone else has already).

BUGS

Also See Collection of bugs in Opera - G. Talbot's Opera 10 bugs collections - Bugs and Other Issues

Pseudo-class/element bugs (mostly :hover)

Outline on :hover Bug Problems with outline generated through a :hover pseudo-class. In this example, some position:fixed divs have :hovers placed on them. The top and bottom divs (ants) have an outline that fails to render properly.
:hover, justification and whitespace - Shows that Opera misapplies hover formatting when there is whitespace in a link within justified text.
dt:hover + dd - selector does not work.
Linebreak and :hover Bug - The links fail to render properly due to hard linebreaks between links.
:hover and specified width - CSS ‘popup’ effects (with :hover pseudo-class) on nested boxes may cause Opera7 to only partially display the inner boxes if the outer box has an explicit width.
Pseudo-class Font Problem - Showing font display errors by misapplying pseudo-class elements.
CSS/Edge Menu - There are some subtle Opera related issues here. See here for further discussion.
:first-line and :first-letter - In the fourth test on this page, Opera does not apply :first-line or :first-letter styles to non-inline descendants of the selected element.
:first-letter and inline-block - Opera fails to apply :first-letter on an inline-block.
:first-line and fixed backgrounds - fixed background images scroll in :first-line elements when they shouldn’t.

Overflow Problems

Overflow:auto Doesn’t work when Max-height declared - The vertical scrollbar fails to show up only when max-height is declared
Text hidden by overflow cannot be selected by dragging the mouse - if it is hidden behind the right or bottom border of the overflowed CSS box.
Keyboard or mousewheel scrolling is disabled in blocks with overflow:auto - See also here for a good example: the Uru news site

Box Model / Positioning Errors

Empty Cells Not rendering correctly - tables with empty-cells: hide; set don’t render correctly (bug-129573).
Border-Collapse - the last two tables on this page fails to collapse the right border.
Position: Fixed bug - Unspecified position doesn’t cause correct static placement.
Margin Issue - The margin between the two DIVS should collapse, but it doesn’t.
Inline-block bugs - Two bugs with the newly-supported display: inline-block property.
Relative positioning of overlapping elements - Ordering of overlapping divs and content is wrong.
Re-adjustment of Vertical Position on Resize - Resizing the window allows the absolutely positioned box to adjust horizonatally, but not vertically (see here for more info).
Horizontal Margins Computation - Horizontal margins set to auto are not computed properly when the box overflows.
http://www.hoogi.de/lutz-peter/extern/Opera/test11.html - Replaced inline element increases line-height of following line-boxes if ‘vertical-align’ is either ‘bottom’ or ‘top’ .
Absolute Width - Box should expand according to CSS2.1 spec.
Gaps At Bottom of DIVs - I’ve found new behavior regarding percentage heights of replaced objects within a sized DIV, with gaps appearing below the object.
Wrapping of display:inline elements causes rendering to ‘ghost - Resize the window small enough so that the buttons wrap - the text ghosts to the right.
Floats stretch containing boxes if a width is set on the container.
Nested box bug - The height of an element is computed incorrectly if set as a percentage and it’s container has any vertical border/padding.
Floats positioning rule 5 not honored - A float should not be higher than earlier ones: rule not honored.

Font Control

Links lose underlines - When the display property is set on links, they lose the default underline style.
Link problems with nowrap and monospace - Links fail to display properly when white-space: nowrap and font-family: monospace are specified.

OTHER STUFF

Box Model - Opera implements the CSS3 property to configure which box-model to use (W3C or MS version), and switches its initial value depending on DocType - OperaQuirksMode (for full discussion see here)
Opera 7 susceptible to several new CSS hiding hacks - I suppose these are bugs, although CSS hacks can be very useful in the real world. See also the Star-7 Hack (which is not valid mark-up) to hide CSS from all versions of Opera. This is a a hack that exploits a bug in Mozilla. Opera should not try to emulate this bug.

RESOURCES

Google Groups search for CSS in all Opera newsgroups
Opera 7 CSS Standards Support
CSS2 Compliance Table - Opera 7 is currently in first place (actually it is 1/2point below its real score because the page has no DocType and so Opera triggers OperaQuirksMode and fails on an overflow test)
Meyerweb CSS2 Testing Suite - Test suite of CSS2 compliance.
Table of Compliance for the CSS2 Testing Suite - Quickly check which of Eric Meyers tests are broken, need querying.
David Baron CSS Tests - More CSS tests.
Hixie’s CSS Compliance Tests - Varied tests checking CSS compliance.
CSS Hacks for Various Browsers
CSS2.1 Hotlist Panel - Save as bookmark and click ‘Show in Hotlist’
CSS2.0 Hotlist Panel - Save as bookmark and click ‘Show in Hotlist’
CSS2.0 Hotlist Panel - local version - Includes the CSS2 spec and the above panel with modified paths, allowing for use off-line.
CSSWiki:FrontPage - The CSS wiki for the css-discuss list
Opera7CSSPossibleBugs - links to test cases that haven’t been confirmed yet.
Opera7FixedCSSBugs - Bigs fixed in Various builds

Opera Browser Wiki : Opera7CSSIssues

Page Information

Search