fake float: center;

[pardicity3]

I have been working on this for awhile now. I was sitting around one day thinking of layouts--yeah, so I was really bored--and I came up with one I thought would be quite interesting even if it is slightly unpractical.

My idea was to have one large containing box which held all the text on the page. In the middle of this box would be a navigation box. This middle box would do what a float: center; box would theoreticaly (sp?) do. That is, it would allow the text to run around both edges. Here is a link to an image that demonstrates this method:

http://www.mikesadventures.net/demoLayout.gif (Please excuse the use of MS Paint...it just runs so much faster than photoshop :))

I have tried every method I can think of...it won't work! I didn't think I could get this idea to work in the first place, but, as a last resort, I thought I might stop by here and see if anyone had any strokes of genius that might aid me.

[A1ien51]

You could just do a table layout with colspan of 3 on top and bottom and have the center with 3 cols. You would have the center one be your nav, but your text will not be able to go from the left to the right around the image. This is what I mean.

NOT THIS
the man [pic] on the moon

But THIS
the man on [pic]
the moon

I think there might be a way to get text around an image, but I can not think of it, naybe it was in a dream? I do not know

A1ien51

[jkd]

Use a 3-column CSS layout.

[pardicity3]

JKD-

Alien had the drift of what I was saying. Your 3 column layout idea wouldn't work the way I want it to. See, I want the text to run fluidly around the image. Here is a very rough text-based example of what I want:

This is text that is in a big
box that contains all the
text, I[NAVIGATION] want
this [NAVIGATION] text to
keep [NAVIGATION] a constant
flow around the navigation
box in the middle of this big
containing box.

See how the text runs right around the navigation. Just like how text runs around a box with float: left. Only when it has just float: left; the text runs around the right side, but I want text running around both sides.