16. februar 2006 - 07:56
Der er
4 kommentarer og
1 løsning
scroll bar driller
Jeg har denne kode i css som skal lave om på scroll bar, men det gør den ikke. Kan i se fejlen?
body {
SCROLLBAR-FACE-COLOR: #FFFFFF; FONT-SIZE: 10pt; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #336699; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #FFFFFF; FONT-FAMILY: Verdana; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; HEIGHT: auto
16. februar 2006 - 10:33
#1
Jeg ved ikke hvad der kan være galt.. enten glemmer du at det ikke kan lade sig gøre i Firefox at style scrollbars, eller også har du noget omkringliggende du ikke har pasted ind her, der ødelægger det.
Følgende virker i IE som det skal:
<html>
<head>
<style type="text/css">
body {
HEIGHT: auto;
FONT-SIZE: 10pt;
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #336699;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
FONT-FAMILY: Verdana;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}
</style>
</head>
<body>
<h1>Test :)</h1>
<p>lorem ipsum</p>
</body>
</html>
16. februar 2006 - 14:00
#2
Når du har doctype og IE faktisk er i stand til at fortolke css, hører scrollbaren til doument-elementet, altså html, så gør f.eks.:
html,body{margin:0; padding:0; height:100%;}
html{
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #000;
scrollbar-3dlight-color: #369;
scrollbar-arrow-color: #000;
scrollbar-track-color: #fff;
scrollbar-darkshadow-color: #fff;
}
body{
font-size:10px;
font-family:verdana, sans-serif;
}
-- bemærk også de to ændringer til tekstformatteringen, typografiske punkter bliver af IE oversat til en helt anden størrelse, men det er altså ikke alle browsere, der finder på noget sådant (1pt ~ 0.35mm, typisk er 1px mellem 0.2 og 0.28mm !-)
-- og efter anbefalingerne skal man altid sætte en generisk font på, så browseren har noget at vælge fra, hvis den ikke kender fonten !o]