Hallo,
ich möchte eine einfache Homepage machen, die aber insgesamt eine Hintergrundfarbe hat und auf der ein Feld in weiß, welches links beginnt, wenn der Browser kleiner als 900px darstellen kann und zentriert ist, wenn der Browser mehr darstellt? Bisher habe ich immer nur Beispiele gefunden, bei denen man die Seite zwar zentrieren kann, aber sobald ich den Browser kleiner mache wird die Seite nach links aus dem Bild geschoben und das möchte ich verhindern.
Im Moment habe ich ein div definiert, welches über allem liegt und ihm die eine Klasse zugewisen. Diese Klasse würde ich dann gerne mit css Befehlen so konfigurieren, dass das geschieht, was ich mir gedacht habe.
Ideal wäre es, wenn sowas wie auf dieser Seite passieren würde
"www.vds-ev.de". Wobei das Hauptfenster gerne statisch sein darf.
Euer Costin
Mein relevanter Quellcode hat folgenden Aufbau bisher:
<html>
<head>
<style type="text/css">
body { background-color:#ff0000;
margin:0px;}
<!--capitus soll mein Hauptfenster sein, welches alle anderen Elemente enthält.-->
.capitus { width:900px;
position:absolute;
top:10px;
background-color:#ffffff;
}
</style>
</head>
<body>
<div class="capitus">
Hier hinen kommen alle anderen Elemente
</div>
</body>
</html>