Jak zapisac w css3 kolumne?

Witam pojawił mi się problem z kolumną użyłem kodu -moz-column-width:625px; i pod Mozillą chodzi a jak zrobić żeby chodziło pod każdą przeglądarką ?

RTFM:

http://www.w3schools...olumn-width.asp

Używając css3 i html5 musisz być świadomy że nie uda Ci się osiągnąć efektu "żeby chodziło pod każdą przeglądarką"

RTFM:

http://www.w3schools...olumn-width.asp

 

Używając css3 i html5 musisz być świadomy że nie uda Ci się osiągnąć efektu "żeby chodziło pod każdą przeglądarką"

To ciekawe tego nie wiedziałem myślałem ze przy pomocy dwóch divów zamkniętych w jednym dużym coś takiego osiągnę ale nie wyszło tak jak chciałem dopiero po dodaniu kodu -moz-column-width w mozili fajnie wyszło ale na chromie czy IE nie wygląda to ciekawie tzn wygląda tak samo jak na mozili zanim dodałem kodu "-moz-column-width" Sam zobacz http://mojatestowa.cba.pl/index.html

Co bys mi polecił żeby wyglądało to tak jak być powinno ?

To ciekawe tego nie wiedziałem myślałem ze przy pomocy dwóch divów zamkniętych w jednym dużym coś takiego osiągnę ale nie wyszło tak jak chciałem dopiero po dodaniu kodu -moz-column-width w mozili fajnie wyszło ale na chromie czy IE nie wygląda to ciekawie tzn wygląda tak samo jak na mozili zanim dodałem kodu "-moz-column-width" Sam zobacz http://mojatestowa.cba.pl/index.html

Co bys mi polecił żeby wyglądało to tak jak być powinno ?

Rozumiesz, co oznacza ten prefix "-moz-" ?

zrobiłeś tak?:
 

column-width:625px;
-moz-column-width:625px;
-webkit-column-width:625px; 

Swoją drogą te prefixy miały już zniknąć

Wywal te kolumny, to ma sens tylko i wyłącznie w formatowaniu tekstu, a nie układaniu całych divów, zrób tak:

#first{float:left;width:370px;}
#content{float:right;width:600px;}

a po nich w html daj diva który będzie miał w stylu: clear:both i będzie ładnie.

Użytkownik unbreak edytował ten post 07 lutego 2014 - 16:27