Tweet
Hallo
Kann man Boxen (#left,#right,#content) immer nebeneinander darstellen? Falls ja, wäre ein Beispiel super.
Wenn beim jetzigen Code der Benutzer das Browserfenster verkleinert, wird die #content-Box plötzlich unterhalb der #left-Box und #right-Box dargestellt. Wie kann ich das verhindern?
Dann möchte ich noch gerne die #content-Box genau nach links neben der #left-Box und genau nach rechts neben der #right-Box ausrichten. Ich habe es mit margin-left:10px; und margin-right:10px; versucht. Die #content-Box soll sich immer anpassen.
Hier ein Grafik
Grafik
Kann man Boxen (#left,#right,#content) immer nebeneinander darstellen? Falls ja, wäre ein Beispiel super.
Wenn beim jetzigen Code der Benutzer das Browserfenster verkleinert, wird die #content-Box plötzlich unterhalb der #left-Box und #right-Box dargestellt. Wie kann ich das verhindern?
Dann möchte ich noch gerne die #content-Box genau nach links neben der #left-Box und genau nach rechts neben der #right-Box ausrichten. Ich habe es mit margin-left:10px; und margin-right:10px; versucht. Die #content-Box soll sich immer anpassen.
Hier ein Grafik
Grafik
PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css"><!--
body
{
font-family:Verdana;
font-size:12px;
background-color:#99CC66;
}
#title {
height:34px;
padding:10px;
border:5px solid #000000;
background-color:#ffffff;
margin-bottom:10px;
}
#left,#right {
width:170px;
border:5px solid #000000;
background-color:#ffffff;
}
#left {
float:left;
}
#right {
float:right;
}
#content {
width:50%;
float:left;
margin-left:10px;
margin-right:10px;
border:5px solid #000000;
background-color:#efefef;
}
//--></style>
<title></title>
</head>
<body>
<div id="title">
<h1> </h1>
</div>
<div id="left">
<p> </p>
</div>
<div id="right">
<p> </p>
</div>
<div id="content">
<p> </p>
</div>
</body>
</html>
Kommentar