ByteNation Forum » Clientseitiges (html-css-Javascript) » BrowserBug » Explorer Bug, position & line-height » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Explorer Bug, position & line-height
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Byteandi
Administrator


Dabei seit: 23.09.2006
Beiträge: 383

Level: 35 [?]
Erfahrungspunkte: 790.168
Nächster Level: 824.290

34.122 Erfahrungspunkt(e) für den nächsten Levelanstieg

Explorer Bug, position & line-height Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen


Hier nun ein sehr interessanter Bug im Explorer.

Dieser Fehler ist zu sehen, wenn man ein Blockelement in einer div Box mit position relative und line-height ohne die Angabe von height definiert.

Fügt man in diesem h1 Tag dann noch ein absolut positioniertes span ein, hat man das Chaos perfekt.

Was passiert bei diesen Angaben:

Der h1 Tag wird im oberem Teil ca. um die Hälfte der Anzahl von Pixel, die mehr angegeben werden als die Schrifthöhe definiert ist, verdeckt.

Macht man also ein Border um diesen Tag, wird man sehen, dass oben ein erheblicher Teil fehlt, bzw. von dem Elternelement verdeckt wird.
Zusätzlich ist es nicht möglich, in diesem h1 Tag z.B. ein span absolut auszurichten.

Abhilfe bei diesem Problem:

Es gibt nur zwei Lösungen, bei der entweder eine Höhe angegeben werden muss, oder wenn der h1 Tag über mehrere Zeilen gehen soll, mit dem padding Attribut gearbeitet werden muss um die Schrift mittig in einem Tag auszurichten.

Dieser Fehler tritt leider auch beim Explorer 7.0 auf und ist mitunter mehr als nur lästig, da man gezwungen ist, dem h1 Tag eine Höhe zuzuweisen.
Dieser Fehler tritt in allen Blockelementen auf, er ist nicht nur auf das h1 Tag bezogen.


Hier geht es zur (Link ist nur für Registrierte User sichtbar)

 

19.11.2006 23:38 Byteandi ist offline E-Mail an Byteandi senden Beiträge von Byteandi suchen

Baumstruktur | Brettstruktur
Neues Thema erstellen Antwort erstellen
ByteNation Forum » Clientseitiges (html-css-Javascript) » BrowserBug » Explorer Bug, position & line-height