Guten Abend,
Ich bin noch recht neu in der HTML Szene und habe mir daher ein bisschen Rat von anderen Stylesheets geholt. Ich habe mit denen ein bisschen rumprobiert und bin auf dieses Resultat gekommen.
HTML Code:
CSS Code:
Nun habe ich mal testhalber ein bisschen Beispieltext eingefügt. Der Text wurde auch erfolgreich an der richtigen Stelle eingefügt, aber er verläuft auch weiter bis über die Fusszeile hinweg... (siehe Bild) :-o Wie schafft man es, dass sich der Bereich automatisch an die länge des Textes anpasst?
Danke für die Antworten
Ich bin noch recht neu in der HTML Szene und habe mir daher ein bisschen Rat von anderen Stylesheets geholt. Ich habe mit denen ein bisschen rumprobiert und bin auf dieses Resultat gekommen.
HTML Code:
Code:
<html><head>
<title>Website</title>
<link rel="stylesheet" type="text/css" href="design.css">
</head>
<body>
<div id="webseite">
<div id="header">
<h1></h1>
</div>
<div id="main">
<div id="left"></div>
<div id="right"></div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>CSS Code:
Code:
body {background-color:black;
text-align:center;
}
#webseite {
width:980px;
margin:0 auto;
}
#header {
width:980px;
height:150px;
background:orange;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
}
#header h1 {
padding-top:50px;
font-size:60px;
font-weight:bold;
color:black;
font-family:Courier;
}
#main {
width:980px;
}
#left {
float:left;
width:200px;
height:300px;
background:white;
margin-top:10px;
margin-bottom:10px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
}
#right{
float:right;
width:770px;
height:300px;
background:white;
margin-top:10px;
margin-bottom:10px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
}
#footer {
width:980px;
height:30px;
background:orange;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
margin-top:20px;
clear:both;
}Nun habe ich mal testhalber ein bisschen Beispieltext eingefügt. Der Text wurde auch erfolgreich an der richtigen Stelle eingefügt, aber er verläuft auch weiter bis über die Fusszeile hinweg... (siehe Bild) :-o Wie schafft man es, dass sich der Bereich automatisch an die länge des Textes anpasst?
Danke für die Antworten
