Hi all, I've got a small problem, and can't think of a way of getting around it. Ive made a site with alot of css, and most of the page layout is css generated. Here is the page.... http://www.web-design-studios.com/torksey-caravans/used-caravans.html Now heres my problem. Ive designed it all in divs, and want both the divs down the side (the faded blue to green blocks) to always be 100% of the page in height, so if the content within the central div is higher, the two divs at each side always adjust and lengthen to 100% of the page height. Now I've got the div at the left hand side to always be 100% in height which is great, but i cant get the right hand side to play ball. I know why this is (because its a separate div with no content 100% height isn't necessarily 100% of the page), but cant think of a work around. Any help would be muchly appreciated as ive tried everything i can think of... even moving the div elsewhere within the page. Thanks Chris
Due to IE's poor support of css2 (1998), we're forced into work-arounds and downright kluges. The simplest is a technique called "faux columns" (Google is your friend). It fakes equal height columns. You may see an example on my 2 column apparent equal height demo. cheers, gary
Another - good - solution is to use javascript. The one from P7 works very well and is lightweight. http://www.projectseven.com/tutorials/css/pvii_columns/index.htm While not a CSS solution, it is a solution to a problem you just can't solve with CSS (or rather its limited implementation) right now.
@Greg-J The page you linked has a very nice intro to the issue. I'm not at all a fan of a javascript solution to the problem, but I will thank you for the read. Now, if we could only kill that one pig of a browser that's holding us all back. cheers, gary
I can respect not liking to use javascript as a solution. I used to wince at the thought, but the more I use libraries like jQuery the more I start to turn to javascript to solve the issues I come across. I'd much rather just erase IE from existence though