overflow - co to jest?

Do niedawna używałam overflow trochę na chybił trafił. Jak coś mi nie banglało to sprawdzałam, czy może overflow: hidden nie rozwiąże problemu. Takich opcji awaryjnych mam kilka i fakt, że nie do końca wiem KIEDY należy je stosować wynika tylko z mojego lenistwa a nie z tego, że jest to jakaś wiedza tajemna.

Ale wracając do overflow. Kumpel kilka dni temu uderzył do mnie ciemną nocą z zapytaniem, jak w divie zrobić pasek przewijania. Widziałam takie rzeczy na kilku stronach, ale sama się w to nie bawiłam, w sumie nigdy nie było potrzeby. Szybki przegląd mojej wiedzy i wniosek jeden - nie wiem. Ale od czego mamy google.

Odpowiedź z googla dość jendoznaczna: overflow:scroll;. I wtedy EUREKA!! overflow decyduje o zachowaniu diva względem jego treści, a zwłaszcza tej treści, która w wyżej wymienionym divie się nie mieści. Jak dam hidden, to ta treść nie będzie widoczna, jak dam scroll to pojawi się pasek przewijania umożliwiający jej przeglądanie.

Zainteresowanych odsyłam do strony dokładnie opisującej co i jak :) tutaj.

Zdjęcia

 

Ta róża mi przypomina lato...

Zdjęcia

 

Zdjęcia

 

span w IE i innych przeglądarkach

No tak, używam sobie spana (bo mi diva zabronili) żeby zrobić z niego śliczny zielony prostokącik. Przezornie testuję na IE najpierw. Działa. Odpalam FF i co? i jajo... spana nie widać. No żesz ty...

Dla potomnych, w spanie warto używać właściwości display: block;, bo inne nie działają. Można również ustawić float (jeśli display: block będzie nam przeszkadzać).

ctrl + w przeglądarce to zło

Webmasterka, czyli frontend development to już osobna gałąź wiedzy specjalistycznej obejmującej przeróżne techniki prezentacji rożnych rzeczy na www.

Jako, ze ta gałąź mnie bardzo interesuje często sama podejmuje wyzwanie i borykam się z problemami różnic w przeglądarkach.

Najczęściej tnę layouty wymagające pixelowej dokładności, przez co często używam ctrl + do obejrzenia w zbliżeniu, czy wszystko układa się jak należy. Minusem tego rozwiązania jest nie zawsze dokładny powrót do oryginalnej wielkości okna, przez co wczoraj spędziłam 3 godziny starając się odkryć czemu cholerny padding i margin generują dodatkowy czarny pasek z boku diva...

Okazało się, że cały problem leżał w użyciu jeden raz więcej ctrl -.