On Tue, May 6, 2008 at 11:22 AM, Michael B Allen <[EMAIL PROTECTED]> wrote: > On Tue, May 6, 2008 at 9:32 AM, Mark Richards <[EMAIL PROTECTED]> wrote: > > > > > No. I want fixed center, liquid secondary. > > > > > > Three versions (Georg Sortun) depending on the source > > > order you seek: > > > > <http://www.gunlaug.no/tos/moa_27a.html> > > > > <http://www.gunlaug.no/tos/moa_27b.html> > > > > <http://www.gunlaug.no/tos/moa_27c.html> > > > > > > Now this *is* what I want. > > > > When I saw this topic come up I was hoping to see a solution where the > > "float:center" item has text flowing around both sides of the item, such > > as this: > > > > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut elit arcu, > > egestas et, bibendum fermentum, consequat a, sem. Curabitur felis diam, > > elementum eget, dictum ****************** quis, elementum quis, est. > > Sed porta vehicula *----------------* lorem. Curabitur in dui vel > > eros fringilla *----float:------* vulputate. Mauris mi lectus, > > mattis vitae, *-----center-----* tristique eget, laoreet ut, > > nunc. Pellentesque *----------------* sodales, sapien sit amet > > malesuada congue, orci ****************** neque aliquam augue, quis > > tincidunt quam nisi nec turpis. Morbi non odio. Maecenas a nisi. > > Maecenas eget orci. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit. > > > > Anyone know of a way to do this? > > Ah, true. I guess this isn't exactly what I wanted either. > > There is one thing that might get this closer. > > Georg's examples have an extra div inside the 50% width side1 / side2. See: > > <div id="side2"> > <div> > <p>a side column – <b>third</b> in source.</p> > </div> > </div> > > I think if you remove that div so that it's like: > > <div id="side2"> > a side column – <b>third</b> in source. > </div> > > the text doesn't flow around, it goes *under*. Now however, because > the width of the center div is fixed, you could float: left a div of > half the size just to push the text out from under that area. Do the > same on the left side with a float: right. That will give you two > columns of text which still isn't exactly what we want but the text > should flow around the center element.
Here's the two column version: http://www.ioplex.com/~miallen/float-center-two-cols.html One limitation of this is that the the height of the center div must be known in advance. Mike -- Michael B Allen PHP Active Directory SPNEGO SSO http://www.ioplex.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
