benneque: Div mit fester Größe, ABER gleichzeitig ausdehnbar

Beitrag lesen

Ich hab's wiedergefunden! YEAH!

Einfach mal das Fenter größer und kleiner machen. Das Div wird nie kleiner als der Text geht aber mindestens bis 1em über Kante unten.

Code:

  
<html>  
<head>  
<style>  
#outta {  
top: 5em;  
position: absolute;  
margin: 0 5em;  
left: 0;  
right: 0;  
bottom: 2em;  
min-width: 700px;  
display: block;  
}  
  
#inna {  
width: 100%;  
position: absolute;  
min-height: 100%;  
background-color: grey;  
border: 4px solid #600000;  
}  
</style>  
</head>  
  
<body>  
<div id="outta">  
<div id="inna">  
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test  
</div>  
</div>  
</body>  
</html>