Jump to content

Div Height


cyber0ne
 Share

Recommended Posts

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

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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...