-
Data: 2014-02-18 15:09:30
Temat: formatowanie strony dwukolumnowej
Od: m...@g...com szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]Dzień dobry!
Próbuję sformatować stronę w dwóch kolumnach. Przepływ elementów ma być taki, że
najpierw div-y układają się jeden pod drugim w jednej kolumnie, a po jej wypełnieniu
- w drugiej.
To jest proste, osiąga się to przez taki wrapper:
#wrapper-two-column {
column-count:2;
-moz-column-count:2; /* zapis dla przeglądarki Firefox */
-webkit-column-count:2; /* zapis dla przeglądarki Google Chrome, Safari,
Opera 15+ */
}
I teraz układam sobie w tym wrapperze div-y:
<div id="wrapper-two-column">
<div class="in-two-column">bla bla bla 1 ... </div>
<div class="in-two-column">bla bla bla 2 ... </div>
<div class="in-two-column">bla bla bla 3 ... </div>
<div class="in-two-column">bla bla bla 4 ... </div>
<div class="in-two-column">bla bla bla 5 ... </div>
...
</div>
I w Firefoksie wygląda to tak jak chcę, a w chromie jeden z divów jest "przełamany"
między te dwie kolumny. Jak wymusić na chromie, żeby nie "łamał" diva klasy
in-two-column?
Serdecznie pozdrawiam
Michał Jędryka
Następne wpisy z tego wątku
- 22.02.14 13:55 Paweł Piskorz
Najnowsze wątki z tej grupy
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
- TypeScript - jak uzyskać zmienne prywatne? Gdzie korzyści z TS?
Najnowsze wątki
- 2024-05-26 O co chodzi?
- 2024-05-26 PJ autobus-tramwaj
- 2024-05-26 Renault Trafic i lampka z czerwonym STOP
- 2024-05-26 cena pięciocyfrowa
- 2024-05-26 Re: Jak dobra KE "okrada" złą Rosję "dla Ukrainy"
- 2024-05-25 supercap
- 2024-05-25 Sulzbach => Technischer Rollouter (d/m/w) <=
- 2024-05-25 Warszawa => Senior Account Manager <=
- 2024-05-25 Warszawa => Mid PHP Developer (Laravel) <=
- 2024-05-25 Warszawa => Mid PHP Developer (Laravel) <=
- 2024-05-25 Warszawa => Interactive/Experience Designer <=
- 2024-05-25 Warszawa => Key Account Manager <=
- 2024-05-25 Warszawa => SAP WM Consultant / Execution <=
- 2024-05-25 Warszawa => Key Account Manager <=
- 2024-05-25 Re: znów ten wrocław