Byteandi
Administrator
    
Dabei seit: 23.09.2006
Beiträge: 383
Level: 35 [?]
Erfahrungspunkte: 790.168
Nächster Level: 824.290
 |
|
| Explorer Bug, position & line-height |
 |
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)
|
|