Tłumaczenie "Goodbye Annoying Little Horizontal Jump" autorstwa Mani Sheriar - profesjonalistki w dziedzinach CSS i XHTML. Mani jest właścicielką Sheriar Designs

Dodaj komentarz
Zgłoś pomyłkę

Czyż nie jest denerwujące, gdy przy poziomo wycentrowanej strukturze strony, środek strony przesuwa się o 20 pikseli gdy długość strony przekracza wysokość okna przeglądarki? Następnie przeskakuje ponownie o 20 pikseli gdy otwieramy stronę, która mieści się w oknie?

Internet Explorer nie ma tego problemu, gdyż paski przewijania w pionie (ang. scrollbars) widoczne są cały czas - bez względu na to czy są potrzebne, czy też nie. Sztuczka polega na zmuszeniu pozostałych przeglądarek do podobnego zachowania, tak aby strona była wyśrodkowana cały czas w tym samym miejscu bez względu na długość strony.

Rozwiązanie na szczęście jest dość proste! Wystarczy zamieścić na początku stylu CSS następujący fragment:

html {
     min-height:100%;
     margin-bottom:1px;
}

To wszystko! IE ignoruje min-height, a Firefox i spółka widzi, że strona jest większa o jeden piksel niż potrzeba, co sprawia, że pasek przewijania widoczny jest cały czas.

2006 © All rights reserved.
Wszelkie prawa autorskie zastrzeżone. Kopiowanie, przetwarzanie i dystrybucja całości lub części powyższego materiału bez zgody autorów zabroniona! Jeśli jesteś zainteresowany publikacją tego materiału prosimy o kontakt.

Brak komentarzy. Dodaj komentarz jako pierwszy!