Hi,
dann wollen wir doch mal schauen, das erste was mir auffällt: Der Befehl lautet "float" und nicht "floating"
Also ich schreib das mal als grunsätzliches Gerüst auf:
Erstmal das CSS:
body {
font-family: ;
font-weight: ;
font-size: ;
color: ;
margin: 0 auto;
padding: 0;
}
#hauptcontainer {
margin: 0 auto;
padding: 0px;
}
#logo {
width: px;
height: px;
float: left;
background: transparent url(LOGOURL) no-repeat;
}
#bild {
width: px;
height: px;
float: right;
background: transparent url(BILDURL) no-repeat;
}
#clear {
clear: both;
}
#sprachnavigation {
width: px;
height: px;
float: left;
}
#seitennavigation {
width: px;
height: px;
float: right;
}
#koerper {
width: px;
height: px;
background: transparent url(BILDURL) repeat-y;
}
#unternavigation {
width: px;
height: px;
float: left;
}
#seiteninhalt {
width: px;
height: px;
float: right;
}
#fussleiste {
margin: 0 auto;
height: px;
width: px;
clear: both;
}
Alles anzeigen
So bis hierhin wars einfach, jetzt das HTML-Gerüst und dann die Erklärung
<div id="hauptcontainer">
<div id="logo"></div>
<div id="bild"></div>
<div id="clear"></div>
<div id="sprachnavigation">Inhalt der Sprachnavi</div>
<div id="seitennavigation">Inhalt der Seitennavigation</div>
<div id="clear"></div>
<div id="koerper">
<div id="unternavigation">Inhalt der Unternavigation</div>
<div id="seiteninhalt">Seiteninhalt</div>
</div>
</div>
<div id="fussleiste"></div>
Alles anzeigen
Soo nun zur Erklärung:
Der Aufbau müsste grundsätzlich mal klar sein. Das DIV "clear" sorgt dafür, den normalen Textfluss nach den Floatelementen wieder herzustellen.
Dann für den Seiteninhalt gibt es das Element "koerper". Es enthält eine Hintergrundgrafik, die den Eindruck erweckt, dass Unternavigation und Seiteninhalt immer die selbe Länge haben, egal ob nun Navigation oder Inhalt länger sind.
Ein entsprechendes Bild dafür könnte etwa so aussehen:
so trennt es optisch Navigation von Inhalt.
Das Element "fusszeile" stellt den Textfluss wieder her, und schließt den Seiteninhalt und die Navigation mit einem entsprechenden Bild ab:
*------------------------------------------------------*
Ich hoffe das gibt dir ein gutes Gerüst und hilft dir bei der Arbeit, stell nur weiter Fragen ich helf gerne, wenn jemand versucht von leidigen Tabellen loszukommen
MfG
LizZard