Hallo, ich habe heute versucht ein Layout mit Kopf und Fusszeile, sowie 3 Spalten zu machen, aber er klappt nicht wirklich... unter der linken Spalte und über der rechten Spalte ist immer ein leerer Bereich und ich weiß nicht, wie ich das beheben soll...
Außerdem würde ich die Seite gerne fix haben, sodass sich alles dem Browserfenster anpasst...
Kann mir bitte eine helfen?
Mein Code ist:
<style type="text/css">
<!—
body
{
text-align: center; /* Zentrierung IE */
}
#seitenbereich
{
text-align:left; /* Inhalt wieder links */
margin: 0 auto; /* Zentrierung mitte */
width: 1000px;
background-color:silver;
}
#kopf
{
background-color:lightskyblue;
}
#links
{
float:left;
width:13em;
background-color:thistle;
}
#mitte
{
margin: 0 10em 0 13em;
background-color:lightblue;
}
#rechts
{
float:right;
width: 10em;
background-color:yellowgreen;
}
#fuss
{
clear: both;
background-color:lightskyblue;
}
-->
</style>
</head>
<body>
<div id="seitenbereich">
<div id="kopf">
<!-- w --><a class="postlink" href="http://www.HTML-Seminar.de">http://www.HTML-Seminar.de</a><!-- w --> - jetzt html lernen
</div>
<div id="links">
<ul>
<li>Startseite</li>
<li>Impressum</li>
</ul>
</div>
<div id="mitte">
Hier HTML und CSS lernen und die
eigene Website erstellen - selbst ist der Mensch
</div>
<div id="rechts">
Auf dieser Seite bekommen Sie Informationen zu ...
</div>
<div id="fuss">
<!-- w --><a class="postlink" href="http://www.html-seminar.de">http://www.html-seminar.de</a><!-- w --> - Kontakt über .... [AT] html-seminar.de
</div>
</div>
</body>