The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Feeling dirty with display:table

  • # March 31, 2013 at 10:30 am

    How do you create dynamic multiple side-by-side boxes with equal height without JS?

    I’m falling more in love with display:table and its related display properties (table-row, table-cell). Feels dirty. Works perfectly. Still semantically pure, I think.

    I’m almost ready to announce that display:table and I are going steady, but I’m wondering if I’m getting into a relationship that will eventually end in tears.

    [Here’s typical use of display:table…]( “Typical use of display:table”)

    # April 1, 2013 at 5:20 am

    If you’re okay with the browser support, why not? At least till flexbox becomes *the* layout thingy. By the way you have 2 quarters in a row, should be 2 halves (though you don’t see the difference because tables tend to fill up their available space anyway)

    # April 1, 2013 at 9:49 am

    How CSS tables handle widths may be the regret I was afraid of. They don’t act as I would expect. I don’t see a lot of help/advice out there either regarding CSS tables.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed