paddys-party
Neues Mitglied
Guten Tag,
Ich bin gerade dabei erstmal ein ganz einfach Layout zu erstellen.
Die Idee ist die , dass oben ein Headbereich ist. Links eine Navigation und Rechts ein Bereich für News.
Unten ist normal die Fußleiste.
In der Mitte soll dann der Bereich sein für die Texte und alles.
Dieser Bereich soll sich automatisch anpassen , nur wie?
Danke im Vorraus !
Ich bin gerade dabei erstmal ein ganz einfach Layout zu erstellen.
Die Idee ist die , dass oben ein Headbereich ist. Links eine Navigation und Rechts ein Bereich für News.
Unten ist normal die Fußleiste.
In der Mitte soll dann der Bereich sein für die Texte und alles.
Dieser Bereich soll sich automatisch anpassen , nur wie?
Danke im Vorraus !
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tanzgarde der Fidele Elf</title>
<link rel="stylesheet" type="text/css" href="layout.css">
</head>
<body>
<div id="webseite">
<div id="head">
</div>
<div id="navi">
</div>
<div id="main">
</div>
<div id="aktuelles">
</div>
<div id="foot">
</div>
</div>
</body>
</html>
Code:
body {
background-color:white;
text-align:center;
}
#webseite {
min-width:900px;
min-height:850px;
margin:30px;
background-color:white;
border-width:3px;
border-color:black;
border-style:solid;
border-radius:8px;
}
#head {
min-width:900px;
height:150px;
background-color:#18C3DF;
}
#navi {
min-width:150px;
min-height:650px;
background-color:#18C3DF;
border-width:0px;
border-bottom-width:2px;
border-color:black;
border-style:solid;
float:left;
}
#main {
background-color:white;
border-width:2px;
border-color:black;
border-style:solid;
float:left;
}
#aktuelles {
min-width:150px;
min-height:650px;
background-color:#18C3DF;
border-width:0px;
border-top-width:2px;
border-color:black;
border-style:solid;
float:right;
}