nicht angemeldet
Layout Problem
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>
Vielen Dank im voraus.
Gruß
Prince
-
Hallo Prince!
Auch Deine grundlegende Idee für die Struktur der Seite leidet unter Divititis. Wenn Du das von Dir beschriebene Layout auf Kopf, Navi, Content beschränken würdest und innerhalb dieser _Kästen_ mit vernünftigem Markup arbeiten würdest, würde Dein Layout auch wie gewünscht funktionieren.
Schönen Gruß
Afra