Není tu zmíněna má oblíbená elegantní metoda pomocí změny display stylu elementů na table a table-cell. Někteří to zatracují, že to už je stejné jako rovnou použít tabulky. Ale není, web si sémanticky nezaplevelíte a je to využití stylu skládání layoutu, který je v prohlížeči právě proto, aby dosáhl stejných rozměrů u více elementů.
Jo flexbox je určitě lepší, ale během čekání na flexbox rád dnes sáhnu po tomto řešení, které je dobře podporované od IE8.

Abych řekl pravdu, nemám to pro celý layout otestované. Není to u komplikovaného layoutu pomalé? Máte příklad nějakého komplikovanějšího webu, který takový layout používá, že bych to otestoval?

Další nevýhoda je v pořadí sloupců v kódu a ve skutečnosti, kdy je ideální mít hlavní obsah třeba uprostřed, ale v kódu na začátku.

I když i to by asi šlo vyřešit.

Ahoj Strawberry, existuje ešte jeden spôsob, ako dosiahnuť rovnako vysokých stĺpcov. Ide o clearovanie pred ukončovacím tagom plávajúceho elementu. Takto postavený kód ale rozťahuje iba neplávajúce prvky. Ukážka (http://kod.djpw.cz/dwjb)

Děkuji za tip, vypadá to funkčně.

V příkladu http://kod.djpw.cz/cocb by měl mít první DIV class nastaven na "obal", namísto stávajícího "obal pozadi", ne?

Zdá se, že máte pravdu a ta druhá třída "pozadi" už v této ukázce nic nedělá. Stačí jen "obal".