Div Height

[cyber0ne]

Using this as a test page:http://www.cyber0ne.com/test/css/index.htmlIs there a way to get that right-hand floated div to vertically extend to the available browser height? That is, it should always extend to the full viewable height of the browser window without forcing the page to scroll, and change as the browser height changes. Hopefully I've explained this properly :)Any ideas?-cyber0nehttp://www.cyber0ne.com

[aspnetguy]

In theory it is possible but I have yet to see it properly and consistantly done.There are several quirks with floated divs and trying to get them to use 1005 of available space.IMO you should 'fake' it. I mean use a background image to giv ethe appeaence of a fully stretched div.read this article for an example.http://codebetter.blogspot.com/2005/09/css...ss-layouts.html

[cyber0ne]

An interesting idea, but I can't seem to find a way to get it to shrink when the browser shrinks. I don't want it to always extend to all the thumbnails, but rather to only extend to the bottom of the visible browser window without scrolling the browser, and scroll the div for the rest of the thumbnails (there may be many).-cyber0nehttp://www.cyber0ne.com

[aspnetguy]

I am not sure of a method that can acheive what you want... you could just set a static height of 600 or 768...they are pretty standard resolutions. Others would just have to scroll.Not such a good solution i know...I would be interested to see if this can be done.I'll take a look at the code later and let you know what I come up with.

[F-Man]

html, body, #thumbnails {   height: 100%;}

That should work.

[cyber0ne]

html, body, #thumbnails {   height: 100%;}

That should work.

<{POST_SNAPBACK}>

I would have thought so, too. But that doesn't seem to be the case. Unless there's something else in my layout that's breaking it...-cyber0nehttp://www.cyber0ne.com