Stejná výška sloupců

Stejné výšky sloupců nezle pomocí CSS jednoduše dosáhnout, i když také toto lze pomocí CSS vyřešit. Avšak velmi snadno lze stejnou výšku sloupců simulovat pomocí obrázku na pozadí nadřazeného elementu, obalu.

V ukázce se v levém sloupci po najetí na menu změní jeho pozadí a zobrazí se opravdová výška sloupce. Je to záměrně, aby bylo názorně vidět, jak je jevý sloupec doopravdy dlouhý, vlastně krátký. Opticky ho „natahuje“ pozadí obalu.

Lorem ipsum dolor sit amet consectetuer egestas congue id porta magnis. Maecenas mauris enim pellentesque eu fames eu quis Cras Phasellus et. Sapien hac mattis porta Nulla.

Auctor condimentum elit Morbi Quisque nec sem leo ut habitasse odio. Ipsum id Aenean sapien Curabitur mauris adipiscing sed volutpat at vitae. Nunc euismod convallis odio pellentesque Ut nec Ut Nam fames interdum. ODS mínus.

Doporučuji také zhlédnout

Dvousloupcový beztabulkový layout, Sloupce stejně vysoké a Sloupce stejně vysoké

Obrázek použitý jako pozadí: