Höhe eines Layers im IE

**Happy Nihilist** · 15.04.2004, 10:28

Ich denke, dass es eher max-height ist, was der Firefox korrekt anzeigt und der IE bekanntlich nicht korrekt beherrscht.

Wie wäre es mit einer absoluten Positionierung innerhalb des container-Elements. Das wiederrum müsste dann auch absolut Positioniert werden.

**dschue** · 15.04.2004, 10:31

Danke für Deinen Hinweis, aber absolut positionieren geht meines Wissens nicht, da ich ja zentriert darstelle. Oder liege ich da falsch?

Gruß
Detlev

**Happy Nihilist** · 15.04.2004, 10:37

Abraxax (Schande über mein Haupt, wenn ich da falsch liege) postet immer gerne mal wieder ein Codeschnipsel, der auch eine zentrierung über absolute Positionierung ermöglicht.

Ihc selbst habe das hier angewandt.

Nochmal zur Erklärung:

Code:

.container {
   position:absolute;
   left:50%;
   top:20px;
   margin-left:-400px;
   width:800px;
}

Man positioniert das Element also horizontal auf 50% und nimmt als außenabstand einen negativen Wert der der Hälfte der Breite des Elementes entspricht, und schon ist das absolut positionierte Element zentriert. =)

**wahsaga** · 15.04.2004, 10:38

Original geschrieben von dschue
aber absolut positionieren geht meines Wissens nicht, da ich ja zentriert darstelle.

das liegt nur an deinem "wissen", dass du das denkst.
absolute positionierung verhält sich bekanntlich relativ in bezug auf das jenige elternelement, dessen position vom default-wert static abweicht.

aber ich wüsste nicht, warum es hier absolute positionierung brauchen sollte. wenn du willst, dass ein element mit height:80px auch 80px hoch bleibt, wenn der inhalt selbst "grösser" wird, arbeite mit overflow:hidden.

**wahsaga** · 15.04.2004, 10:40

Original geschrieben von Happy Nihilist
und schon ist das absolut positionierte Element zentriert. =)

die methode ist extrem unschön, weil bei zu kleinem browserfenster (und 800px sind nun mal nicht eine breite, die man ohne weiteres voraussetzen kann) das element so weit links positioniert wird, dass es unter dem linken rand des viewports verschwindet - ohne dass du einen scrollbalken bekommen würdest.

**dschue** · 15.04.2004, 10:43

Leider wird aber bei "overflow:hidden" das Bild abgeschnitten. Das will ich ja aber nicht. Es soll halt so aussehen, wie es jetzt im Mozilla dargestellt wird.

Original geschrieben von wahsaga
das liegt nur an deinem "wissen", dass du das denkst.
absolute positionierung verhält sich bekanntlich relativ in bezug auf das jenige elternelement, dessen position vom default-wert static abweicht.

aber ich wüsste nicht, warum es hier absolute positionierung brauchen sollte. wenn du willst, dass ein element mit height:80px auch 80px hoch bleibt, wenn der inhalt selbst "grösser" wird, arbeite mit overflow:hidden.

**Happy Nihilist** · 15.04.2004, 10:44

Original geschrieben von wahsaga
aber ich wüsste nicht, warum es hier absolute positionierung brauchen sollte. wenn du willst, dass ein element mit height:80px auch 80px hoch bleibt, wenn der inhalt selbst "grösser" wird, arbeite mit overflow:hidden.

Aber er will ja, dass das Bild angezeigt wird, welches sich in diesem Elemnt befindet, welches ungewollterweise gestreckt wird. Mit hidden würde es ja abgeschnitten werden. Korrekterweise.

Original geschrieben von wahsaga
die methode ist extrem unschön, weil bei zu kleinem browserfenster (und 800px sind nun mal nicht eine breite, die man ohne weiteres voraussetzen kann) das element so weit links positioniert wird, dass es unter dem linken rand des viewports verschwindet - ohne dass du einen scrollbalken bekommen würdest.

Stimmt, nicht bedacht.

Höhe eines Layers im IE