Sent by Michael B Allen on 6 May 2008 17:05
On Tue, May 6, 2008 at 11:22 AM, Michael B Allen [EMAIL-REMOVED]> wrote:
> On Tue, May 6, 2008 at 9:32 AM, Mark Richards [EMAIL-REMOVED]> 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-REMOVED]]
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/
