Hi!

Just curious what techniques you use when you want to have a container
with any number of child columns that have fixed-width margins, only
on the inside of columns.

For example, I would like to create a 4 column module (pseudo-markup follows):

<parent>
<col 1>
<col 2>
<col 3>
<col 4>
</parent>

… and later have the ability to throw-in a 5th or 6th column, without
having to adjust CSS.

<parent>
<col 1>
<col 2>
<col 3>
<col 4>
<col 5>
<col 6>
</parent>

Additionally, I would like to have margins (not padding or
faux-margins), of any unit (i.e., px, em, % ...), controlling the
column gutters (only on inside, not outermost column edges).

Optimally, this technique would be responsive-friendly, js-free and
clean/simple to implement.

Out of all the techniques out there (I'm assuming) to do such a thing,
which is your favorite? Can you provide example code?

I'm open to seeing cutting-edge techniques as well as oldschool ones. :)

Many thanks in advance!

Cheers,
Micky
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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