I'm faced with an issue I worked around once before, it presents
again with a new face so I'd like to find an ultimate cure, not
make do with the cheesy work-around.

I need a div container with div-class items that auto-fill left
or right. Such that:
Item1 seeks top-left position(possibly unique ID but this should
be a source code issue - if it's at the top of the stack then it
is at the top of the stack),
Item2 fills a right position only if the left is non-empty,
Item3 fills a right position only if the left is non-empty,
Item4 fills a right position only if the left is non-empty, etc.

The goal is left-to right recursive, in rows.

Below, a crude ascii graphic. I've been through the CSS so many
times and changed so many things, I'm getting lost and I'd like
to start over. What can I do, to make "item" elements auto-fill
in rows starting from top-left?

Reese

--------------------------------------------------------------/
|Logo    | Header content area                                /
|Area    |                                                    /
|-------------------------------------------------------------/
|Left    |  ----------------------- ------------------------- /
|Nav     |  | Item 1               || Item 2                 |/
|Menu    |  |                      ||                        |/
|Item    |  |                      ||                        |/
|Area    |  |                      ||                        |/
|        |  |                      ||                        |/
|        |  |                      ||                        |/
|        |  ----------------------- -------------------------|/
|        |  | Item3                || Item 4                 |/
|        |  |                      ||                        |/
|        |  |                      ||                        |/
|        |  |                      ||                        |/
|        |  |                      ||                        |/
|        |  |                      ||                        |/
|        |  ----------------------- -------------------------|/
|        |  | Item 5               || Item 6                 |/
|        |  |                      ||                        |/
|        |  |                      ||                        |/
|        |  |                      ||                        |/
|        |  |                      ||                        |/
ctrl^v


______________________________________________________________________
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/

Reply via email to