Hallo,
ich möchte gerne ein CSS Layout nach folg. Muster entwerfen.
KOPF KOPF KOPF KOPF KOPF KOPF KOPF
NAV1 ALLGEMEIN FOTO1
NAV2 INHALT INHALT
NAV3 FOTO2 FOTO3
Die Kästen "Allgemein, Foto1, Inhalt, Foto2 und Foto3" sollen aber je nach Füllmenge automatisch nach unten verschiebbar sein.
Die Kästen sind zwar zu sehen, aber irgendwie bekomme ich die Ausrichtung nicht hin.
Wäre super, wenn mir jemand helfen könnte.
Code
<style type="text/css">
#kopfzeile { margin:0; height:80px; }
#navigation1 { margin-top:10px; width:25%; float:left}
#navigation2 { margin-top:10px; width:25%}
#navigation3 { margin-top:10px; width:25%}
#allgemein { margin: 10px 0px 0px 27%; width: 40%}
#foto1 { margin-top:-20px; margin-left:60%; width: 35%; float:left}
#inhalt { margin-left:320px; }
#foto2 { margin-top:-20px; margin-left:60%; width: 35%; float:left}
#foto3 { margin-top:-20px; margin-left:60%; width: 35%; float:left}
#fuss { margin-left:320px; }
</style>
</head>
<body>
<div id="kopfzeile">Kopfzeile</div>
<div id="navigation1">Navigation 1</div>
<div id="allgemein">Allgemeine Infos</div>
<div id="foto1">Foto1</div>
<div id="navigation2">Navigation 2</div>
<div id="navigation3">Navigation 3</div>
<div id="inhalt">Inhalt</div>
<div id="foto2">Foto2</div>
<div id="foto3">Foto3</div>
Gruß
Prince