[Pro] How do I get 3 Boxes Next to Each Other Stay the Same Height

OK guys - perhaps a note to all followers regarding TheGrid screencasts:

The table approach isn’t really working in TheGrid design-surrounding. This has mainly to do with margins (even negative on certain items) which will be deleted/removed by display:table. So we’d destroy our hard constructed wireframe (it’s STINKY :-)))))

I tend to recommend the

padding-bottom: 9999px; 
margin-bottom: -9979px /*The padding adjustment*/

Basically the numbers looking weird, right? Some math will show, that we finally talk about a padding (bottom) of 20px right? This does make sense to readjust - because the regular padding bottom we apply by inspector will be overwritten and set to 0px by not respecting the adjustment. So the adjustment is nothing else than giving the padding-bottom value back as expected.

Important to mention:

A parent item requires necessarily

overflow:hidden

So please go back to Ernie’s excellent article - I’m talking about Tim’s method:

http://cssway.thebigerns.com/workbench/css-even-column-cookoff/

Give it a go - failing makes you even smarter.
Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at: