Frage stellen
ich möchte gerne ein Layout erstellen (s. Bild im Anhang) und schaffe es leider nicht die Navigations- und die Inhaltsspalte immer gleich lang zu bekommen. Es soll heissen, wenn die Navigation länger werden sollte als der Text, dass trotzdem beide Spalten immer gleich lang sind und die id="unten" immer unter den beiden Spalten steht!
Kann mir bitte jemand sagen, was ich falsch mache!
Danke
Hier mein bisheriger Code:
css...
- Code: Alles auswählen
#hauptkasten {border: #ff0066 10px dashed ;
top:50px;
margin:0 auto;
position:relative;
width:900px;
}
#oben {
height: 100px;
border:0px solid #3399ff;
background-color:#d9dadb;
-moz-border-radius:15px;
-khtml-border-radius:15px;
}
#logo{ border: #999900 0px dashed ;
position:absolute;
top:5px;
left:6px;
}
#text {border: #663300 0px dashed ;
text-align: right;
height: 80px;
width:300px;
padding-left: 0px;
position:relative;
top:5px;
left:65px;
}
#inhalt {
line-height: 2;
padding: 15px;
width:510px;
top:110px;
left:360px;
position:absolute;
background-color:#d9dadb;
-moz-border-radius:15px;
-khtml-border-radius:15px;
}
#navigation {
padding: 15px;
line-height: 2;
top:5px;
position:relative;
width:320px;
background-color:#d9dadb;
-moz-border-radius:15px;
-khtml-border-radius:15px;
}
#unten {border: #663300 1px dashed ;
height: 20px;
width:870px;
padding: 15px;
position:relative;
top:70px;
}
- Code: Alles auswählen
<html>
<head>
<title>test</title>
<link href="./css/styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="hauptkasten">
<div id="oben"></div>
<div id="logo"><a href="index.php"><img src="pics/logo.jpg" border="0"></a>
<div id="text">text<br>Adresse<br>49078 Osnabrück<br>Telefon 0541 / 123 456 789
</div>
<div id="navigation">navigation</div>
<div id="inhalt">inhalt</div></div>
<div id="unten">untere_navigation</div>
</div>
</body>
</html>
