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 &#123; margin&#58;0; height&#58;80px; &#125;
#navigation1 &#123; margin-top&#58;10px; width&#58;25%; float&#58;left&#125;
#navigation2 &#123; margin-top&#58;10px; width&#58;25%&#125;
#navigation3 &#123; margin-top&#58;10px; width&#58;25%&#125;
#allgemein &#123; margin&#58; 10px 0px 0px 27%; width&#58; 40%&#125;
#foto1 &#123; margin-top&#58;-20px; margin-left&#58;60%; width&#58; 35%; float&#58;left&#125;
#inhalt &#123; margin-left&#58;320px; &#125;
#foto2 &#123; margin-top&#58;-20px; margin-left&#58;60%; width&#58; 35%; float&#58;left&#125;
#foto3 &#123; margin-top&#58;-20px; margin-left&#58;60%; width&#58; 35%; float&#58;left&#125;
#fuss &#123; margin-left&#58;320px; &#125;
</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
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!