✔ IE6 Textbox Prob

[Denniz]

Hallo Leute,

ich habe eine Textbox erstellt welche auf der linken seite ein designelement enthält.
Im FF und IE7 sieht es perfekt aus aber der IE6 kommt wieder mit mein stylesheet nicht klar.
Zwischen der senkrechten und der vertikalen linie ist luft obwohl es eigentlich gar nicht sein sollte da padding/margin 0 ist.
Hier der link zur html: -link-

Welche Regel muß ich anwenden damit es im IE6 richtig dargestellt wird?

Beste Grüße
Denniz

 

[Maik]

Hi,

probier mal Folgendes:

.line_left {
   background:url(box_v.gif) left #f3f2ee no-repeat;
   height:2px;
   font-size:0;
}

 

[Denniz]

Hi,

da muß man erst einmal drauf kommen.

Thx
-Denniz

 

[Maik]

Der IE6 hat die Angewohnheit, in Blockelementen einen vertikalen "Freiraum" für evtl. enthaltenden Text zu reservieren, der sich an einer Schriftgröße orientiert.

Wenn das Element niedriger als die "voreingestellte" Schriftgröße sein soll, entsteht im IE6 eine Lücke zum benachbarten Element, die sich mit font-size:0 (maximal-Wert wäre in deinem Fall 2px) schliessen lässt und den IE6 zur korrekten Anzeige der Elementhöhe "zwingt".