Previous Message
Next Message

dynamic div heights

Sent by Ian Young on 23 March 2006 00:12


>
> This doesn't seem to be related to the 100% height divs as mentioned in
> some tutorials on the web. I did try that approach without any luck. I
> also tried a 'faux column' approach. I've been staring at this for a while
> and could really use a fresh perspective.
>

The route I have taken with this has been to setup the main left and right
columns and then have two further columns nested within the "right column".
That way each column stretches the others.
This is what I have used.
#container
{
 	   float: right;
       width: 100%;
       margin-left: -170px;

}

#columnRight
{
       margin-left: 170px;
margin-right:5px;

}

#columnLeft
{
       float: left;
       padding: 0;
       width: 140px;
	   margin-right:5px;
	   text-align:left;
	   font-size:1.0em;
	  min-width:140px;
}

#insideLeft {
	width: 60%;
	float: left;
	padding-bottom: 1em;

}

#insideRight {
	width: 30%;
	float: right;
	padding-bottom: 1em;

}

Maybe not the most elegant but it is simple.

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.385 / Virus Database: 268.2.6/287 - Release Date: 21/03/2006

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: