> -----Original Message----- > From: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] On Behalf Of Ed Seehouse > Sent: Friday, 16 June 2006 3:08 AM > To: Brendan Grossman > Cc: css-d@lists.css-discuss.org > Subject: Re: [css-d] Relative positioning and widths > > On 6/14/06, Brendan Grossman <[EMAIL PROTECTED]> wrote: > > Hi everyone > > > > Is it possible to have floating divs side-by-side without the width > > specified or with just one set explicitly? > > Yes. > > > For example I have two columns... > > Left hand side I want to set explicity, ie. 15em Right hand side, I > > want it to fill up the remaining area of the page. > > However when doing this, the right drops below the left div. > > That's because you are floating both columns. You only need > to float the left column. For the right column just use the > natural flow of your browser's default behaviour. Simply > give it a left margin slightly wider than the width of your > left column. Presto! > > A block element such as <p> or <div> that isn't floated or > positioned takes up the full width of the screen by default, > so all you need to do is make room on the left with your > margin rule. Works equally well for a right column, just do > it the other way around. Either way your floated element > should come first in your html code. > > Generally, you save yourself a whole lot of trouble if you > use the default behaviour of your browser for layout as much > as possible, then use a smidgin of positioning on a couple of > elements to make the effect you want. It's amazing what > effects you can attain with very simple means this way.
That does just about what I need. However divs within the right containing div don't 'stretch' it down. Is there a way around this? ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
