Hi, ich versuche meine Website (http://www.3x3cut3r.de) seit Tagen auf CSS und XHTML Basis umzubauen. Bloß ein Problem habe ich. Wie kann ich einstellen, das die Boxen, also das Inhaltsverzeichnis, in der Höhe Dynamisch sind. Hier ist mal der Quellcode:
Außerdem sind die Boxen irgendwie nicht gleich in der Höhe. Wie kann man das machen, das sie in der gleichen höhe sind?
Nur so, ich bin in CSS und XHTML noch nicht so ganz gut
Gruß Ultrauser
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
.body-main {
background:url(images/bg.gif) scroll center repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
margin:0px;
}
.main {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}
.header {
background: #757575;
width:828px;
margin:0 auto;
}
#content {
width:555px;
background-color:#003399;
margin-left:99px;
}
#footer {
left: 107px;
top: 220px;
}
#box {
width:99px;
height:100%;
float:left;
background: url(images/navigation/navigation_bg10px.gif);
}
#rechts {
width:174px;
height:100%;
float:right;
background: url(images/navigation/navigation_bg_breit_ol.gif);
}
-->
</style>
</head>
<body class="body-main">
<div class="header" id="header"><img src="images/logo/logo.2006.jpg" width="828" height="120" />
<div id="box">
Inhaltsverzeichnis
</div>
<div id="rechts">
Sonstigebox
</div>
<div id="content">
Contentbox
</div>
<div id="footer">
<img src="images/footer.gif" width="828" height="14" />
</div>
</div>
</body>
</html>Außerdem sind die Boxen irgendwie nicht gleich in der Höhe. Wie kann man das machen, das sie in der gleichen höhe sind?
Nur so, ich bin in CSS und XHTML noch nicht so ganz gut
Gruß Ultrauser
