Hello!
After hours of trying various ways of achieving this result I've come up short. I have a page with four row divs. The header and menu as the top two divs (fixed height), a div (classed as "images") for images, and a sticky bottom footer of thumbnails (fixed).
Ideally, this middle div (the "images", un-fixed div) should fill the gap between the bottom sticky footer and the top fixed height divs, however it doesn't. Additionally, I'm hoping to have this div be filled to its height with an image. As the user clicks on the thumbnails, regardless of their window size, the images will load to the appropriate height.
If someone could take a look at my code and offer a solution I'd be incredibly thankful.
The url is http://www.ryanbuckley.ca/BRIT/test.php.
Currently, the image in the "image" div is fixed at height=550 for now, so you can see how I'd like it to look.
Last edited by apinrise; 02-18-2010 at 10:30 AM..
|
