Yeah Mike, You can also use a UL and LIs to emulate a table. If you know your audience is going to be on a browser that handles display: table it works best. You can try your hand at a inline-block fall back, but it can get frustrating with all the different browsers and how they handle stuff. It would also be percentage based, so you could change the percentage and add remove LIs on the fly if you needed. Simple and elegant IMO.
Note this technique to achieve the dynamic cols would require javascript or jQuery or the like for adding and removing to the DOM. Otherwise hand coding is required for each new col or a server side script like php. I like this approach, because it uses a UL which has limited browser differences. Most ULs are treated by browsers much the same, minus padding and margin, but you can set these to 0 to clear them and have malleability like you would with a real table. The pioneer of the 1980s. :P Just without the mess of a real table and quicker load times. Also, like that the LIs act like table cells and you can manipulate them and their spacing easily to create gutters. Even utilize the vertical-align directive like a table cell... lol. This isn't an example for your question per se, but I think it still applies. You can use any one of these to create your own cols. http://designdrumm.com/inline-elements.html HTH, Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jan 21, 2016, at 12:05 PM, Micky Hulse <mickyhu...@gmail.com> wrote: > > What about a display:table solution (one that handles responsiveness well)? ______________________________________________________________________ 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/
