Firefox viser pr default ikke en vertikal scrolbar, hvis der ikke er indhold nok til at denne er nødvendig. Dette resulterer i at siden kan hoppe lidt frem og tilbage, afhængigt af om scrollbaren skal vises eller ej. Dette kan nogen gange være uønsket, derfor anbefaler mange at man sætter min-height på body til 101% eller lign. Dette er dog næsten direkte tåbeligt 😀 – idet det rent faktisk vil give en aktiv scrollbar, selv på de sider hvor det ikke er nødvendigt.
I stedet kan jeg varmt anbefale at bruge:
1 2 3 |
body { overflow: -moz-scrollbars-vertical; } |
Som fortæller Mozilla at der skal være vertikal scrollbar. I IE er denne "feature" automatisk slået til, så det er ikke nødvendigt, at gøre noget her.
Det er rigtigt det ikke er valid css, men af og til må man gå på kompromi mellem valid og design – det er en mindre fejl som ikke skader nogen så ville personligt altid bruge den uden at skænke det en tanke, ellers må man jo ud i
html { height: 100%; margin-bottom: 1px; }
Det er desværre ikke <a href="http://jigsaw.w3.org/css-validator/validator?text=body+%7B++++overflow%3A+-moz-scrollbars-vertical%3B%7D&usermedium=all&warning=1&profile=css21&usermedium=all">valid CSS</a>.
😀 det kan også se ret irriterende ud heh
Ye dejligt nemt at omgå, og man slipper for problemerne med height osv… nogen vil jo nok kalde det pixel pusher præcision at siden ikke hopper, selvom det er et browserspecifikt problem. Personligt, er jeg ligeglad for det meste, med mindre man lige sidder og bladre lidt frem og tilbage som du siger 😀
Det er lige noget for Peter, han brokker sig altid over sådan noget, heh!
Kun, hvis man sidder og klikker rundt som en gal ellers generer det ikke. Men heldigvis ikke besværligt at undgå, hvis det endelig er.