Guten Abend zusammen,

ich hab mal wieder eine frage zu CSS. Ich möchte eine submit-form vertikal als auch horizontal zentrieren. Die Vertikale zentrierung funktioniert auch ganz gut allerdings funktiert das selbe mit der horizontalen nicht. Hier mal der Code meines containers:



Der Container wird dann vertikal zentriert(zumindest fast, ist aber absicht, dass es nicht ganz zentriert ist). Allerdings funktioniert das ganze horizontal nicht. Der Container wird zwar um 50% der breite des bodys nach rechts geschoben aber das negative margin wird nicht mehr beachtet. Das ganze sieht dann so aus(Das Ding iner fast in der Mitte ist meine Form ;); Es soll in die gleiche horizontale Position wie die notification-bar




Hat jemand eine Idee warum das nicht funktioniert und wie ich es am "elegantesten" hin bekomme ?


Gut Nacht

*Topic verschoben*

Setz die Breite des Containers fest, und weiß margin-left & margin-right den wert auto zu. Dann sollte es zentriert werden.

hab ich schon ausprobiert. Das funktioniert leider auch nicht. Die form landet dann ganz links am bildschirmrand.

BTW: Das ganze befindet sich in einem absoluten body. Kann es vielleicht daran liegen ?

margin-left -180 px, 360 /2 ist nicht 130

1. fail, kommt davon wenn man um 01 Uhr versucht noch was zu machen
2. Bringt leider trotzdem nichts. Egal welchen (negativen) wert ich fürs margin einsetze, die Form bewegt sich kein Stück. Das selbe auch wenn ich das ganze mit "right: 50%; margin-right: 180px;" mache

*facepalm* :pinch:

Ich bin grade nochmal alle Zeilen in meinem HTML Dokument durchgegangen. Im Body wird im onLoad-Event eine Javascript funktion aufgerufen die alle margin werte zurück setzt. Also war es vollkommen wurscht was ich in die CSS geschrieben habe, es wurde wieder überschrieben.

Ich sollte echt nie wieder so spät noch an irgendeinem Projekt arbeiten, man sieht ja was dabei raus kommt.

Trotzdem vielen Dank für eure Hilfe