Hi Kevin
I've done this in the past - you need to use a container DIV and a 'star'
hack to fix IE. The CSS is something like:
html, body {
height: 100%;
}
#container {
min-height: 100%;
}
* html #container {
height: 100%;
}
HTH
Cheers,
Mick
--
Pinnacle Web Design
http://www.pinnaclewebdesign.co.uk | http://twitter.com/pinnacleweb
On 2 October 2010 16:20, Kevin <[email protected]> wrote:
> #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]
--
--
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]
