Scrollist eller inte
Mozilla Firefox har i sina webbläsare länge tillämpat regeln att den verkala rullningslisten endast visas vid behov. Detta påverkar en centrerad layout så tillvida att hela layouten/sidan ser ut att göra ett skutt i sidled vid växling till sidor som är så pass korta att scrollisten inte är nödvändig.
Personligen tycker jag att detta är en smula irriterande. Tycker du som jag så finns en lösning att ta till!
Fler upptäckter i Explorer 8
Vid min nyligen gjorda uppgradering till IE 8 upptäckte jag att även denna webbläsare nu tillämpar detta.
Tyckte nog att det var smidigare och trevligare förut, där man såg ”spåret” efter scrollisten hela tiden. På de sidor där scrollist krävdes så infogades den bara helt naturligt, utan skuttande layout.
Åtgärda detta med CSS
Om du som jag tycker det här är irriterande så går det faktiskt att åtgärda skuttandet med lite CSS.
Egenskapen overflow änvänds för att styra elementinnehåll som eventuellt flödar utanför satta dimensioner. Värden du kan sätta är t.ex. auto då scrollist visas vid behov eller scroll då scrollisten ligger där hela tiden. Du kan också använda egenskapen overflow-y och overflow-x för att ange om det är en vertikal scrollist du menar eller en horisontell.
Genom att sätta overflow-y:scroll till väljaren body, slipper du således skuttandet av centrerade layouter. När scrollisten inte behövs, syns bara skuggan eller spåret där scrollisten normalt sitter. Precis som den gör i IE7 och tidigare.
body { overflow-y:scroll } /* Inget skuttande på min sajt tack! */
2009-06-11 (13:44)
XHTML och CSS
