#bottomhalf {
display: block;
position:absolute;
top:196px;
bottom: 0;
overflow:auto;
}
Fairly straight forward, I have a header at the top 196 pixels, and I
need #bottomhalf to fill up the rest of the page; this works fine in
Chrome, FF, but doesn't work in IE.
I've tried adding "height: 100%" to body as well as #bottomhalf and it
sort of works but because I plan to have scrollable content inside
this div, the actual div goes all the way down to 196 pixels
underneath the bottom of the window.
Only solution I can think of is creating a 100% height HTML table with
2 rows; first one being 196px and the second one filling up the rest
of the space.
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
