margin-bottom ohne wirkung

[deeboo]

Hallo!

Folgendes Problem. Eine Seite besteht aus einem DIV und einem IMG. Beide sind ABSOLUTE positioniert und sollen in die Mitte.
An sich ja kein Problem, top einfach auf 50%, und dann mittels margin um die Hälfte der Element-Höhe nach oben verschieben.

Nur leider hat margin-bottom keine Auswirkung...
und margin-top mit einem negativem Wert versehen funktioniert zwar, kommt aber leider nicht in Frage, weil ich jQuery-Effekte einsetze und ein negativer margin-Wert damit nicht kompatibel ist, weil der Effekt dann nicht richtig funktioniert.

Am liebsten wüsste ich warum margin-bottom keine Wirkung hat, aber ein anderes Workaround um mein Ziel zu erreichen wäre mir auch recht. ;)

Vielen Dank im Voraus,
deeboo

[Gernot Back]

Hallo deeboo,

Folgendes Problem. Eine Seite besteht aus einem DIV und einem IMG. Beide sind ABSOLUTE positioniert und sollen in die Mitte.
An sich ja kein Problem, top einfach auf 50%, und dann mittels margin um die Hälfte der Element-Höhe nach oben verschieben.

Nur leider hat margin-bottom keine Auswirkung...

Absolut ist Lateinisch und bedeutet so viel wie "losgelöst". Es ist also kein Wunder, das etwas, das ohnehin schon losgelöst ist, sich auch nichts mehr krallen kann um es mit negativem Margin näher an sich heranzuziehen.

Warum nutzt du nicht einfach die Positionierungsmöglichkeit, die für absolut positionierte Elemente vorgesehen sind: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#posbottom@title=bottom?

Gruß Gernot

[deeboo]

Warum nutzt du nicht einfach die Positionierungsmöglichkeit, die für absolut positionierte Elemente vorgesehen sind: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#posbottom@title=bottom?

Gruß Gernot

»»

hallo gernot,

ob bottom oder top löst mein problem ja nicht um das element in die bildschirmmitte zu bekommen, oder?

also konkret sieht es so aus:

<img src="..." width="200" height="200" style="position: absolute; top: 50%; margin-bottom: 100px;" />

da das bild 200px hoch ist, will ich es um 100px nach oben schieben, damit es in der mitte ist.
das geht aber nicht, da margin-bottom keine wirkung hat. margin-top mit negativem wert ginge, kommt aber wegen jQuery nicht in Frage.

wenn ich statt top, nun bottom benutze:

<img src="..." width="200" height="200" style="position: absolute; bottom: 50%; margin-top: 100px;" />

ist das problem übrigens genau das selbe, margin-top hat keine wirkung, aber margin-bottom.
man kann also nur das margin verändern dessen Seite man auch zur positionierung benutzt (margin-top nur mit top)...
und das verstehe ich nicht so recht.

aber auch wenn das so seine richtigkeit hat (IE & FF streiken beide),
suche ich eine alternativlösung, um ein element in der bildschirmmitte zu positionieren ohne negative margin-werte verwenden zu müssen...

liebe grüße,
deeboo

[Matthias Apsel]

Om nah hoo pez nyeetz, deeboo!

suche ich eine alternativlösung, um ein element in der bildschirmmitte zu positionieren ohne negative margin-werte verwenden zu müssen...

http://suit.rebell.at/artikel/horizontal-und-vertikal-zentrieren-mit-xhtml-und-css

Matthias

[Cheatah]

Hi,

Absolut ist Lateinisch und bedeutet so viel wie "losgelöst".

"Absolut" ist schwedisch und bedeutet so viel wie "Problem gelöst". Wobei ich natürlich nach wie vor den gälischen Aquavit bevorzuge.

Cheatah

[Matthias Apsel]

Om nah hoo pez nyeetz, Cheatah!

"Absolut" ist schwedisch und bedeutet so viel wie "Problem gelöst".

meist nur temporär.

rofl

Matthias

[MudGuard]

Hi,

Absolut ist Lateinisch und bedeutet so viel wie "losgelöst".
"Absolut" ist schwedisch und bedeutet so viel wie "Problem gelöst". Wobei ich natürlich nach wie vor den gälischen Aquavit bevorzuge.

Absolut Vodka ist demnach ein Problemlösungswässerchen ...

cu,
Andreas

[Der Martin]

Hallo,

"Absolut" ist schwedisch und bedeutet so viel wie "Problem gelöst". Wobei ich natürlich nach wie vor den gälischen Aquavit bevorzuge.
Absolut Vodka ist demnach ein Problemlösungswässerchen ...

oh ja, und für manche Problemchen durchaus geeignet.
Leider muss man die problemlösende Wirkung dann alle paar Stunden auffrischen ...

Ciao,
 Martin