margin-bottom ohne wirkung

[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