Wycentrowanie kilku divów

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
mkkot
Posty: 17
Rejestracja: wt lip 05, 2005 7:37 pm
Kontakt:

Wycentrowanie kilku divów

Post autor: mkkot »

Witam!

Jest sobie stronka http://linux-porady.info/test/ niedokończona jeszcze
jak widać.

Pytanie jest proste: jak ustawić te kolorowe prostokąciki obok siebie na
środku strony, zamiast tak jak teraz do lewej? Nie chcę przy tym robić
sztywnego układu, tak więc jeśli tych prostokącików będzie powiedzmy 9,
to ktoś może mieć układ 3x3, a ktoś z mniejszą rozdzielczością dostanie
2x4 +1


I kolejny problem, prostokąciki mają jedną szerokość 320px, ale
wysokości mają różne. Chciałbym, żeby przy ustawieniu ich w kilku
wierszach pod sobą, każdy wiersz rozpoczynał się na tej samej
wysokości.

Dziękuję za ewentualną pomoc.
mkkot
Posty: 17
Rejestracja: wt lip 05, 2005 7:37 pm
Kontakt:

Re: Wycentrowanie kilku divów

Post autor: mkkot »

Odpowiedzią jest display: inline-block;, a później odpowiednie wycentrowanie divami (margin:auto). Niestety nie działa z Firefoksem 2.0. Gdy skończę, podzielę się rezultatem.
mkkot
Posty: 17
Rejestracja: wt lip 05, 2005 7:37 pm
Kontakt:

Re: Wycentrowanie kilku divów

Post autor: mkkot »

Tak się chyba jednak nie da. inline-block powoduje taki efekt, że jeśli obok siebie są dwie ramki o różnej wysokości, to ta mniejsza zostanie przesunięta w dół, tak żeby zrównała się z końcem większej.

Strasznie nie chcę robić sztywnego układu, ale chyba nic mi nie zostanie :/
ODPOWIEDZ