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. -- Ed Seedhouse ______________________________________________________________________ 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/
