Sent by Brendan Grossman on 16 June 2006 08:08
> -----Original Message-----
> From: [EMAIL-REMOVED]
> [EMAIL-REMOVED]] On Behalf Of Ed Seehouse
> Sent: Friday, 16 June 2006 3:08 AM
> To: Brendan Grossman
> Cc: [EMAIL-REMOVED]
> Subject: Re: [css-d] Relative positioning and widths
>
> On 6/14/06, Brendan Grossman [EMAIL-REMOVED]> 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-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/
