cyber0ne Posted December 19, 2005 Share Posted December 19, 2005 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 Link to comment Share on other sites More sharing options...
aspnetguy Posted December 19, 2005 Share Posted December 19, 2005 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 Link to comment Share on other sites More sharing options...
cyber0ne Posted December 19, 2005 Author Share Posted December 19, 2005 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 Link to comment Share on other sites More sharing options...
aspnetguy Posted December 19, 2005 Share Posted December 19, 2005 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. Link to comment Share on other sites More sharing options...
F-Man Posted December 19, 2005 Share Posted December 19, 2005 html, body, #thumbnails { height: 100%;} That should work. Link to comment Share on other sites More sharing options...
cyber0ne Posted December 19, 2005 Author Share Posted December 19, 2005 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 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now