height:3px wird vom IE nicht angenommen... wieso ?

[Melzmann]

Hallo Community,
habe ein sehr paradoxes Problem:
Ich habe folgenden Layer:

.leiste_duenn1 {
        position:absolute;
 background-color:#ffffff;
 top:241px;
 left:0px;
 width:100%;
 max-height:3px;
 height:3px;
 z-index:2;
 visibility:visible;}

Im Firefox zeigt er eine Leiste an die eben 3 Pixel hoch ist, so wie es sein sollte. Jedoch geht der IE nicht unter eine bestimmte Höhe die bei ca. 19px liegt. Der Dreamweaver will auch nicht unter diese höhe gehen bei seiner Anzeige obwohl er selbst in seinen eigenen Optionsfeldern anzeigt das es 3 Pixel sein müssten?!
Wisst ihr woran das liegt ? Hat der IE evtl. da einen Bug ?

[Detlef G.]

Hallo Melzmann,

erst einmal die Gedanken dazu:

Ich habe folgenden Layer:

Muss es für eine Leiste ein extra Element sein?

.leiste_duenn1 {
...
background-color:#ffffff;
...

Wäre ein border-bottom:3px solid #fff; für das Element darüber oder
border-top:3px solid #fff; für das element darunter nicht möglich?

position:absolute;
top:241px;
left:0px;
width:100%;

Muss wirklich absolut positioniert werden?

max-height:3px;
height:3px;

Wozu das max-height:3px;?

z-index:2;

Soll es ein anderes Element verdecken?

visibility:visible;}

Das dürfte es sowieso sein, wenn du nichts anderes angegeben hast.

Wenn es denn unbedingt ein extra Element sein soll:

...Jedoch geht der IE nicht unter eine bestimmte Höhe die bei ca. 19px liegt. ... Hat der IE evtl. da einen Bug ?

Ja, er ignoriert die Höhe, wenn der Inhalt zu groß ist.
Er reserviert allerdings auch den Platz für die Zeilenhöhe des Textes,
selbst dann, wenn keiner vorhanden ist.

Entweder du legst für den Inhalt eine genügend kleine Schriftgröße fest
oder/und du definierst einen geeigneten Wert für overflow.

Auf Wiederlesen
Detlef

[Michael]

Hallo ,

habe ein sehr paradoxes Problem:

So paradox ist das nicht. Das hatten vor Dir schon mehrere.

Wisst ihr woran das liegt ? Hat der IE evtl. da einen Bug ?

Ja.                              Wie man es nimmt.

IE erwartet, dass gewisse Elemente Text beinhalten, deshalb macht er das Element standartmäßig so hoch wie eine Zeile ist.

.leiste_duenn1 {
        position:absolute;
background-color:#ffffff;
top:241px;
left:0px;
width:100%;
max-height:3px;
height:3px;
z-index:2;
visibility:visible;

(ergänze deshalb entweder)
line-height:3px;
(oder)
overflow:hidden;
(oder beides, aber eins davon reicht)
}

greets

Michael

[Bachsau]

Nimm doch HR oder nimm div!

[wahsaga]

hi,

Wisst ihr woran das liegt ? Hat der IE evtl. da einen Bug ?

Hat das Archiv einen Bug, weshalb du dort nicht suchst - oder du?

Und wieso machst du solche "Linien" überhaupt über zusätzliche Elemente - täte es nicht wie so oft auch hier schon ein einfacher Border für ein vorhandenes, strukturell bedeutungstragendes Element?

gruß,
wahsaga