@codenerd på twitter Mit seneste tweet:

CSS: Undgå din side “hopper” i firefox

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:

PHP
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.

6 kommentarer

  1. Skrevet af Martin  d. 16/10/2007 kl 09:56

    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; }

    Svar på kommentaren
  2. Skrevet af Martin  d. 30/04/2008 kl 06:48

    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 😀

    Svar på kommentaren

Leave a Reply to Martin Cancel reply

Krævede felter er markeret med *.

*