i want a div to resize its height when the browser is resized but also want the div to be 100 pixels from the top and i want the bottom edge to be 40 pixels from the bottom. i know that you can define the hight as a percentage but this will not work in this case because the 100 and 40 are not percentages<style>
<!--
.inmiddle{
position: absolute;
top: 100px;
left: 50px;
right: 50px;
bottom: 50px;
}
-->
</style>
<div class=inmiddle>some content and stuff</div>
if that doesn't work(which I doubt for IE) then you'll have to turn to Javascript...
EDIT: I though I might try this:
<div style="position: absolute; top: 0px; bottom: 0px; height: 100%; padding-top: 100px; padding-bottom: 50px;">
<div>content</div>
</div>
<!--
.inmiddle{
position: absolute;
top: 100px;
left: 50px;
right: 50px;
bottom: 50px;
}
-->
</style>
<div class=inmiddle>some content and stuff</div>
if that doesn't work(which I doubt for IE) then you'll have to turn to Javascript...
EDIT: I though I might try this:
<div style="position: absolute; top: 0px; bottom: 0px; height: 100%; padding-top: 100px; padding-bottom: 50px;">
<div>content</div>
</div>