Basierend auf den Beispielen dieses Artikels wird auf dieser Seite das Verhalten von Opera ab Version 7 in den unterschiedlichen Darstellungsmodi kurz gegenübergestellt. Ausführliche Erklärungen des Verhaltens finden sich auf den Beispielseiten.
heightLaut CSS-Spezifikation müssen fehlerhafte CSS-Deklarationen ignoriert werden. Durch den DOCTYPE-Switch lässt sich in Opera bei bestimmten Fehlern beeinflussen, ob eine Fehlerkorrektur stattfinden soll.
Die Größe von Elementen wird durch das Box-Modell der CSS 2-Spezifikation festgelegt. Alte Versionen des Internet Explorers für Windows benutzen ein davon abweichendes Box-Modell. Durch den DOCTYPE-Switch lässt sich in Opera 7.0 bis 8.54 beeinflussen, welches Box-Modell verwendet werden soll. Opera ab Version 9.0 benutzt unabhängig vom Darstellungsmodus immer das korrekte Modell.
Der Initialwert der CSS-Eigenschaft vertical-align zur vertikalen Ausrichtung von Inline-Elementen ist baseline. Dadurch liegen Inline-Elemente wie Text oder Bilder innerhalb der Line-Box auf der Basislinie. Werden Graphiken untereinander angeordnet, so befindet sich eine Lücke in der Größe einer Unterlänge zwischen den Graphiken. Durch die Wahl des Darstellungsmodus lässt sich in Opera beinflussen, ob Graphiken auf der Basislinie positioniert werden sollen oder nicht.
Laut CSS-Spezifikation gelten die CSS-Eigenschaften width und height nicht für non replaced inline-Elemente. In Opera 7 kann durch die Wahl des Darstellungsmodus beeinflusst werden, ob diese Regel befolgt werden soll oder nicht. Opera 8 verhält sich dagegen unabhängig vom Darstellungsmodus immer korrekt.
display-Eigenschaft angepasst werden.heightLaut CSS-Spezifikation beziehen sich Prozentangaben für height auf die Höhe des übergeordneten Elementes. In Opera ergeben sich in Abhängigkeit vom Darstellungsmodus unterschiedliche Bezugspunkte.
height auf die Höhe des Elternelements. Wird für das Elternelement keine Höhe angegeben, so wird der angegebene Prozentwert gemäß der CSS-Spezifikation als auto interpretiert. Das Element wird trotz Höhenangabe nur so hoch, wie der Inhalt es erfordert. Um einen Bezug zur Fensterhöhe herzustellen, muss sämtlichen Elternelementen inklusive html und body eine Höhe zugewiesen werden.height bei Elementen, die direkte Kinder von body sind, entgegen der Spezifikation auf die Fensterhöhe. Bei tiefer verschachtelten Elementen werden Höhenangaben in Prozent wieder auf die Höhe des Elternelementes bezogen.Laut HTML-Spezifikation sind die Werte für Klassen und IDs »case-sensitiv«. Des weiteren dürfen sie nicht mit einer Ziffer beginnn. Durch den DOCTYPE-Switch lässt sich in Opera beeinflussen, ob diese Regeln beachtet werden sollen oder nicht.
Letzte Änderung des Inhaltes: 13.07.06