Podczas codziennej pracy nad pewnym designem natrafiłem na dziwny problem. Wykorzystując technikę One True Layout wpisałem na odwal się padding równy 50000px.
Wyobraźcie sobie moje zdziwienie, gdy na Firefoksie wszystko działało cacy a na mej kochanej Operze padding był po prostu ogromny i wcale nie ukrywany poprzez ujemny margines. Zastanawiałem się co też mogłem zrobić źle, jak zwykle szukałem błędu bardzo długo, aż po prostu zmieniłem pierwszą cyfrę na 1 - zonk. Zaczęło działać!
Metodą prób i błędów doszedłem, że graniczną wartością dla Opery jest liczba 32768 - wtedy już strona nam się rozjeżdża. Jest to jednocześnie największy możliwy padding w IE - więc tam pewnie również błąd ten by występował - nie sprawdzałem, nie lubię odpalać badzIEwia przez wine.
Także strzeżcie się zbyt dużego marginesu 
Dziś zaprezentuję kolejną technikę tworzenia wielokolumnowych layoutów, rozwiązującą problem poruszony we wstępie do serii. Metoda ta opiera swoje działanie na obramowaniach kontenera, które dzięki możliwości nadania dowolnej szerokości i koloru idealnie nadają się do symulowania jednakowej długości kolumn.
Technika bywa używana zwykle do designów o stałej szerokości, jednak może być wykorzystywana także do stron z contentem o zmiennej wielkości (bloki boczne niestety muszą mieć stałą szerokość, o czym na końcu artykułu).
Continue reading “Techniki budowy layoutów wielokolumnowych część 3″
Technika zwana One True Layout, rozwiązująca problem przedstawiony prze ze mnie we wstępie do cyklu, została zaprezentowana na witrynie Position Is Everything i jest niezwykle często używana ze względu na swą prostotę i uniwersalność. Zyskała również wiele modyfikacji, między innymi na łamach serwisu A List Apart.
Metoda ta pozwala na zarówno ustalenie stałych, jak i procentowych szerokości kolumn. Tym razem skorzystamy z tej drugiej możliwości (pełny kod do ujrzenia w przykładzie). Znów mamy 3 kolumny, jednak tym razem zarówno cała strona jak i bloki mają szerokość ustaloną proporcjonalnie do ekranu.
Continue reading “Techniki budowy layoutów wielokolumnowych część 2 - One True Layout”
Obserwując wiecznie istniejący problem z layoutem wielokolumnowym opartym na divach i CSS miast tabelkach, spowodowany być może brakiem kompetentnych artykułów w języku polskim na ten temat postanowiłem tę lukę zapełnić ;] W kolejnych artykułach będę prezentował różne techniki tworzenia takich layoutów.
Dziś zajmiemy się omówieniem samego problemu występującego przy projektowaniu takich stron. Zaprezentuję też odświeżoną wersję mojego artykułu na temat jednej z tych metod, stworzonego kilka lat temu.
Continue reading “Techniki budowy layoutów wielokolumnowych - wstęp”
Technika Faux Columns zaprezentowana na A List Apart jest jednym ze sposobów na wielokolumnowy layout o kolumnach z jednakową wysokością. Problem, który rozwiązuje ta technika jest prze ze mnie opisany tutaj.
Sposób ten zakłada, że kolumny mają różny kolor (bądź gradient) tła, a także stałą szerokość – jeżeli chcemy, by strona i kolumny miały szerokość opartą na procentach sposób ten będzie dla nas nieprzydatny.
Continue reading “Techniki budowy layoutów wielokolumnowych część 1 - Faux Columns”
