Re: formatowanie strony dwukolumnowej - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › formatowanie strony dwukolumnowej › Re: formatowanie strony dwukolumnowej

Path: news-archive.icm.edu.pl!agh.edu.pl!news.agh.edu.pl!newsfeed2.atman.pl!newsfeed.
atman.pl!news.nask.pl!news.nask.org.pl!newsfeed.pionier.net.pl!newsfeed.fsmpi.r
wth-aachen.de!eternal-september.org!feeder.eternal-september.org!news.eternal-s
eptember.org!.POSTED!not-for-mail
From: Paweł Piskorz <n...@p...nie>
Newsgroups: pl.comp.www
Subject: Re: formatowanie strony dwukolumnowej
Date: Sat, 22 Feb 2014 13:55:44 +0100
Organization: A noiseless patient Spider
Lines: 28
Message-ID: <lea6oh$tps$1@dont-email.me>
References: <a...@g...com>
Mime-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-2; format=flowed
Content-Transfer-Encoding: 8bit
Injection-Date: Sat, 22 Feb 2014 12:55:45 +0000 (UTC)
Injection-Info: mx05.eternal-september.org;
posting-host="291bd231d98f6e93a20780d7f196557b";
logging-data="30524";
mail-complaints-to="a...@e...org";
posting-account="U2FsdGVkX19THcyyGDYWN/m8m0nLCWDy"
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:24.0) Gecko/20100101
Thunderbird/24.3.0 Hamster/2.1.0.11
In-Reply-To: <a...@g...com>
Cancel-Lock: sha1:u8GUjTbNkEAFumgzmD78NWyAsWc=
Xref: news-archive.icm.edu.pl pl.comp.www:402643
[ ukryj nagłówki ]
W dniu 2014-02-18 15:09, m...@g...com pisze:
> #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?

Spróbuj tego:
http://www.w3.org/TR/css3-multicol/#break-before-bre
ak-after-break-inside
aczkolwiek nie wiem czy to w ogóle gdziekolwiek działa.

--
Pozdrawiam,
Paweł "PablO" Piskorz