I have this id that should be default 15px from the bottom (which works).
But if I have content larger, the content box should grow in height, how can I specify this?

#content {
    position:absolute;
    top: 85px;
    left:15px;
    right:130px;
    bottom:15px;
    background-color:#00CC00;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
}

Recommended Answers

All 3 Replies

I have this id that should be default 15px from the bottom (which works).
But if I have content larger, the content box should grow in height, how can I specify this?

#content {
    position:absolute;
    top: 85px;
    left:15px;
    right:130px;
    bottom:15px;
    background-color:#00CC00;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
}

Hi,
You could try height:auto; then use margin/padding to get the desired bottom px.

Also if you require a minimum set height then you could use min-height:100px; or whatever you desire.
Hope it helps....

#content { position:absolute;  top:auto; left:15px; right:130px;  bottom:15px; background-color:#00CC00; font-family: Arial, Helvetica, Tahoma, sans-serif; }

emhkm1 solved the problem,
almostbob your way didn't do what I wanted...

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.