A 'float' container will only expand to fill its content (Content
controls its space from the inside to the outside).
What you need is a container that will controls its space from the
outside > in.
Try the following:
#column1
{
display:table-cell;
/* float: left;*/
width: 565px;
}
#column2
{
display:table-cell;
/* float: right; */
width: 185px;
height: 100%;
background-color: #828282;
background-image:
url(/_resource/image/concept03/layout-4-concept-3_09.jpg);
background-repeat: repeat-y;
background-position: left;
}
-chuck
============================================================
On Oct 7, 2005, at 3:01 AM, Taco Fleur - Pacific Fox wrote:
I have a page on
http://testing.icanmls.pacificfox.com/concept03/
it validates!
I have a main div and two divs in there that float, I'm expecting the
left floating div to always dictate the height of the right floating
div, so I set the right floating div to
height: 100%;
But it does not stretch all the way till the bottom. Does anyone know
why?
Thanks,
Taco Fleur - CEO
Pacific Fox http://www.pacificfox.com.au
an industry leader with commercial IT experience since 1994 …
** Web Design and Development
** SMS Solutions, including developer API
** Domain Registration, .com for as low as AUSD$15 a year
** Seamless Merchant integration
** We endorse PayPal, accept payments online now!
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
