Forum Moderators: not2easy
I've got a page where I always want the minimum height of the div with my content in it to be 450px high.
I set it in my CSS like this: height: 450px;
But, now when the content goes over 450px in Mozilla and Opera the text goes outside of the div. I'd like the div to expand with the content.
So, I changed it to: height: auto;
Which works great when the content is over 450px. But, when it's not the div is very very short.
How can I set the div to be both a minimum of 450px high and auto expand if necessary?
Thanks!
The content has to follow the pusher div for it to work right.
<html>
<head>
<style type="text/css">
#pusher {
width:1px;
height:450px;
float:right;
background-color:red;
}
#container {
width: 200px;
background-color:green;
min-height:450px;
}
</style>
</head>
<body>
<div id="container">
<div id="pusher"></div>
content<br />
content<br />
</div>
</body>
</html>
