Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Zawód: Technik informatyk , Technik programista
Kategorie: Tworzenie stron WWW Systemy CMS i narzędzia webowe
Aby przygotować szablon strony z trzema kolumnami ustawionymi obok siebie, należy posłużyć się stylem CSS:
Odpowiedzi
Źle.
clear: both wyłącza opływanie, więc elementy nie staną obok siebie; height nie ustawia szerokości.Źle.
float: right mogłoby układać obok siebie, ale podano height zamiast width – brak kontroli szerokości kolumn.Źle.
float: left jest dobre, lecz width: 40% jest za duże – trzy kolumny po 40% nie zmieszczą się w jednym rzędzie.Dobrze.
float: left ustawia kolumny obok siebie, a width: 33% daje trzy równe kolumny.Informacja zwrotna
Aby ustawić trzy kolumny obok siebie metodą opływania, każdej nadaje się
float: left oraz szerokość około jednej trzeciej kontenera, czyli width: 33%. Dzięki float elementy blokowe układają się w jednym rzędzie zamiast jeden pod drugim, a szerokość 33% sprawia, że trzy kolumny wypełniają całą szerokość. Dlatego poprawny jest styl .kolumny { float: left; width: 33%; }.