dreamdiver
Mitglied
Hallo,
ich habe folgendes Problem:
Es soll das grüne Element (div "leftundermenu") einfach nur genauso groß werden das es bündig mit dem content abschliesst. Ich hatte das schonmal relativ einfach irgendwie hinbekommen, aber ich habe das so leider nicht gespeichert gehabt und nun komm ich nicht mehr drauf wie das ging. Ich meine das clear eine elementare Rolle gespielt hatte. Vielleicht steht es nur an der falschen Stelle? Ich sitze da schon so lange dran, dass ich nun einfach Mal hier frage bevor ich die Nerven verliere...
ich habe folgendes Problem:
Es soll das grüne Element (div "leftundermenu") einfach nur genauso groß werden das es bündig mit dem content abschliesst. Ich hatte das schonmal relativ einfach irgendwie hinbekommen, aber ich habe das so leider nicht gespeichert gehabt und nun komm ich nicht mehr drauf wie das ging. Ich meine das clear eine elementare Rolle gespielt hatte. Vielleicht steht es nur an der falschen Stelle? Ich sitze da schon so lange dran, dass ich nun einfach Mal hier frage bevor ich die Nerven verliere...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Menü Problem</title>
<style type="text/css">
<!--
html, body{
height:100%;
margin:0;
padding:0;
border:1px solid black;
}
div#middle{
border: 1px solid yellow;
width:600px;
margin: 0 auto;
}
div#leftwrapper{
float:left;
width:100px;
background-color:#FF0000;
border: 1px solid black;
height:100%;
}
div#left{
background-color:#006666;
height:auto;
margin-bottom:0px;
}
div#leftundermenu{
/*
top:10px;
bottom:20px;*/
min-height:100%;
/* background: url(./images/linkstatic.png) repeat-y;*/
}
div#content{
margin-left:160px;
border: 1px solid red;
}
div#footer{
clear:both;
background-color:#223311;
}
//-->
</style>
</head>
<body>
<div id="middle">
<div id="leftwrapper">
<div id="left">
left
</div>
<div id="leftundermenu">
leftundermenu
</div>
</div>
<div id="content">
content
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat, duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</div>
<div id="footer">
footer
</div>
</div>
</body>
</html>
