Hallo liebe Community,
ich hoffe ihr könnt mir weiterhelfen.
Und zwar habe ich folgendes, äußerst seltsames Problem. Das Problem, welches ich beschreiben werde, habe ich noch nie zuvor gehabt!
Ich möchte ganz simple einen schwarzen body und darin soll ein grüner div-container mittig ausgerichtet sein (zentriert).
Meine Codes:
<html>....<body>
<div id="wrapper">
</div>
....
CSS:
body{background-color:black;}
#wrapper{background-color:green; width:800px; height:600px; float:left; margin-left:auto; margin-right:auto;}
Nun, es mit diesem Code müsste diese simple Aufgabe des Zentrierens doch zu bewerkstelligen sein?!
Das Ergebnis ist, dass der grüne div-container oben, links ausgerichtet ist. Sprich keine Veränderung! Als hätte ich keine Margin-Werte vergeben.
Bin echt am verzweifeln. Habe die letzten 4,5 h mit Fehlersuche verbracht. Daher nun mein Post. Ich hoffe die geballte Community weiss darauf eine Antwort.
Beste Grüße,
Guido.
ich hoffe ihr könnt mir weiterhelfen.
Und zwar habe ich folgendes, äußerst seltsames Problem. Das Problem, welches ich beschreiben werde, habe ich noch nie zuvor gehabt!
Ich möchte ganz simple einen schwarzen body und darin soll ein grüner div-container mittig ausgerichtet sein (zentriert).
Meine Codes:
<html>....<body>
<div id="wrapper">
</div>
....
CSS:
body{background-color:black;}
#wrapper{background-color:green; width:800px; height:600px; float:left; margin-left:auto; margin-right:auto;}
Nun, es mit diesem Code müsste diese simple Aufgabe des Zentrierens doch zu bewerkstelligen sein?!
Das Ergebnis ist, dass der grüne div-container oben, links ausgerichtet ist. Sprich keine Veränderung! Als hätte ich keine Margin-Werte vergeben.
Bin echt am verzweifeln. Habe die letzten 4,5 h mit Fehlersuche verbracht. Daher nun mein Post. Ich hoffe die geballte Community weiss darauf eine Antwort.
Beste Grüße,
Guido.
