Here is an approach that validates, and provides the graphic look you seek. However, the flexibility of moving the elements is probably lacking. http://www.jimdavis.org/test/float_test.htm
Jim On 9/1/05, Steve Clay <[EMAIL PROTECTED]> wrote: > > Thursday, September 1, 2005, 6:17:35 AM, [EMAIL PROTECTED] wrote: > > It seems simple: to move an element to the right column - just change > its > > style to "float:right", and the same for left. > > It works fine in IE6, as you can see here: > > http://tora.us.fm/floattest.html > > IE breaks a rule of the float specs: > http://www.w3.org/TR/CSS21/visuren.html#propdef-float (was also in CSS2) > "5. The outer top of a floating box may not be higher than the outer top > of > any block or floated box generated by an element earlier in the source..." > > "any...floated box" means left /or/ right floated. So you can stack floats > to one side all you want, but compliant browsers shouldn't let you stack > floats one direction then start floating blocks on the other and expect > them to slide up the side like IE does. > > Eric Meyer ran into this limitation a long time ago in one of his demos: > http://meyerweb.com/eric/css/edge/slantastic/demo2.html > > > By adding some containers to your source I was able to /mostly/ pull this > off in compliant browsers (not IE) keeping your source order: > http://mrclay.org/tests/float_rule5 > > ...But the fixed negative top margin eliminates this layout's ability to > handle an arbitrary amount of text. Someone more clever might be able to > come up with a solution using more/different containers and some negative > side margin magic so that you could keep your source order and have it > accommodate any amount of text. > > Steve > -- > http://mrclay.org/ : http://frenchhorns.mrclay.org/ > > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org <http://evolt.org> -- > http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
