Od dawna chciałem zrobić poziomy layout strony. Porządny poziomy layout. Nie na tabelkach. Nie posługując się stałej szerokości divem. Bez użycia JavaScriptu. I bez bloków stałej szerokości.

Porządny layout poziomy.

Jak się okazało (patrzcie państwo!), dało się. Przy użyciu kolumn (CSS3) i działający tylko na Firefoksie (3.6 w górę) oraz najnowszych webkitach (Chrome/Chromium). Kod HTML mógłby być ładniejszy - gdyby Firefox wspierał break-before i pochodne. Nie wspiera, więc trzeba było zrobić brzydko. Ale jest, działa, i jest znacznie bardziej eleganckie od alternatyw.

Udało się zrobić bez matrioszek - kod HTML jest ładny i działa dodatkowo jeszcze w Operze!

Z czasem pojawi się tu wersja angielska tego wpisu, oraz jakieś większe szczegóły techniczne. Na razie mogę wyjawić tylko tyle, że ruskie matrioszki są warte uwagi, również w informatyce.

Tyle na razie w tym temacie, stay tuned!

Bajdełej, dla tych co nie złapali mema z tematu - mem z tematu.

Update – wygląda na to, że może udać się udało się zrobić taki sam layout bez “matrioszek”.