---
title: >-
  I horizontally the whole blog is that serious
date: 2011-05-08 00:00
modified: 2011-05-08 00:00
lang: pl
authors: rysiek
tags:
 - ancient
 - meta
status: published
pinned: false
---

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)](http://www.w3.org/TR/css3-multicol/) 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](http://pl.wikipedia.org/wiki/Matrioszka) 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](http://knowyourmeme.com/memes/i-accidentally).

----

**Update** -- wygląda na to, że ~~może udać się~~ ***udało się*** zrobić taki sam layout bez *"matrioszek"*.