[Frage] margin-top mit calc

[WarriorOfLegend]

Hallo Community,

Ich würde gerne den abstand nach oben(margin-top) in CSS3 mit calc berechnen, wie ich es auch bei margin-left mache.
Bei margin-left funktioniert es, wenn ich

margin-left:calc(50% - (Bildbreite / 2));

schreibe.
Bei margin-top funktiniert es aber nicht, wenn ich

margin-top:calc(50% - (Bildhöhe / 2));

schreibe.
Hoffe ihr könnt mir dabei helfen den Fehler zu finden und zu lösen.
Nutze die Version 22.0a2 von Firefox/Aurora.

Mit freundlichen Grüßen,
WarriorOfLegend

 

[Jan-Frederik Stieler]

Hi,
also ich muss dir sagen das dies so eine Eigenenschaft von CSS3 ist von der ich die Finger lasen würde.
Nimm liber LESS oder SASS.

Viele Grüße

PS: Sorry das ich dir bei deinem Problem nicht helfen kann.

 

[hela]

margin-left:calc(50% - (Bildbreite / 2));

...

margin-top:calc(50% - (Bildhöhe / 2));

Hallo Legenden-Krieger,

du solltest dir mal überlegen auf welche Größe sich der 50%-Wert in den beiden Deklarationen beziehen soll. Sicherlich nicht auf die margin-left- bzw. die margin-top-Eigenschaft des übergeordneten positionierten Elements.

Falls du auf diese Weise ein Bild vertikal bzw. horizontal zentrieren möchtest, dann gibt es noch Möglichkeiten, bei denen du die calc-Funktion nicht brauchst. Du müsstest aber mal mitteilen, was du eigentlich erreichen möchtest.