nicht angemeldet
ich Trottel habe eine Seite mit Tabellenlayout erstellt.
kommt vor...
Unten auf der Seite steht jetzt das Lösungsvorhaben: div-Container
Leider weiß ich nicht viel über das Arbeiten mit div-containern.
Wie kann ich die div container so platzieren, dass sie immer auf der Mitte der Homepage erscheinen
Dadurch dass du den HP Inhalt vom verhalten eines äusseren Elements abhängig machst.
Hier als Beispiel das <body> Element
CSS
body{
width:100%;
min-width400px;
max-width:1200px;
margin:0 auto;
}
und sich nahtlos, wie in der Skizze schematisch dargestellt, zusammenfügen?
Der header ist ein Bereich, der ganz einfach 100% width hat.
der main Bereich besteht au einem Element, das ich als sidebar bezeichne und einem Element, das ich als content bezeichne.
<div id="sidebar">Navigation</div>
<div id="content">Der Hauptinhalt</div>
CSS
#sidebar{ float:left; width:25%; border:0}
#content{ margin-left:25%; border:0;}
Da wir aber im HTML lieber den Inhalt vor dem Sidebar haben:
<div id="content">Der Hauptinhalt</div>
<div id="sidebar">Navigation</div>
CSS
#content{ float:left; width:75%; border:0;}
#sidebar{ margin-left:75%; border:0;}
Dies mal zum experimentieren...
mfg Beat