overflow

Siden er opdateret 10. 12. 2011

Eksempel på bredde og højde på et element og på overflow:

<div style="width:400px;height:200px;overflow:auto;">En hel masse tekst, der ikke kan være indenfor et område på 400px × 200px</div>

Test af overflow

Her skal der så være en hel masse tekst, der ikke kan være indenfor et område på 400 × 200px.

Vi skal faktisk have ikke så lidt mere tekst, før det udløser en scrolbar.

Teknikken er den enkle, at der med height og width er sat en ydre begrænsning på, hvor meget teksten kan fylde.

Når teksten så alligevel fylder mere end det fastsatte mål, indsættes en lodret scrollbar, således at man kan scrolle ned til den nederste del af teksten.

Metoden kan bruges, hvor man vil undgå at f.eks. en menu eller et sidetop scrolles ud af browservinduet. Man indsætter derfor det egentlige sideindhold i den <div>, der har fået lavet scroll og sørger for, at denne <div> er så stor, at den udfylder hele det areal, hvori sideindhold kan være.

Valid XHTML og CSS / Copyright © Hjemmesideskolen marts 2003
Hjemmesideskolen
Du er her: Forsiden - css - egenskaber - overflow
sidens top
Brugere lige nu: 1
Home Mail