Vyplnění zbylého obsahu

Martin02:
„Mohu mu také nastavit float: left a bude hned za tím sloupcem vlevo, ale já bych potřeboval, aby data v něm byla vycentrovaná.“
Ak viete, aký široký je ľavý a pravý stĺpec, môžete prostrednému div-u nastaviť margin-left: --px, podľa šírky ľavého stĺpca a margin-right: --px;, podľa šírky pravého stĺpca. Ak objekt nemá nastavenú vlastnosť float alebo position automaticky si nastaví šírku na 100%, takže zvyšný priestor vyplní (samozrejme ak mu nastavíte aj margin, prispôsobí sa).

„V něm tři menší, ani jeden se statiskou šířkou“
Nepoznám riešenie vyplnenia presne všetkého priestoru bez znalosti šírky aspoň 2 zo stĺpcov. Možno by to šlo pomocou flexbox-ov. Ich podpora v prehliadačoch však nie je na potrebne vysokej úrovni.

„ale já bych potřeboval, aby data v něm byla vycentrovaná.“
Neviem, aký obsah chcete umiestniť do strednej časti. Môžno pomôže obyčajný text-align: center;...

Radil by som vám nastaviť postranným stĺpcom stabilnú šírku a pokračovať podľa riešenia uvedeného vyššie v mojom príspevku.

Reaguji na Tomáše123:
„Nepoznám riešenie vyplnenia presne všetkého priestoru bez znalosti šírky aspoň 2 zo stĺpcov.“
Tabulka?

mMartin02:
Poprípade display: table a pre potomkov table-cell. Podpora od IE 8. Takže najjednoduchšie je to ako radí Chamurappi použiť tabuľku