Søg
Avatar billede mik789 Nybegynder
05. oktober 2003 - 16:59 Der er 8 kommentarer og
2 løsninger

style på scrollbar i IE 5/6

Jeg fandt ud af at hvis jeg vil have styles på min scrollbar i IE6, skal jeg sætte dem på elementet html, ikke body.

Virker det samme i IE5, altså scrollbar styles på html, eller virker de KUN når de sættes på body i IE5? Jeg har ikke adgang til en IE5 lige nu, så derfor sp.

//mik
Avatar billede whatever Nybegynder
05. oktober 2003 - 17:23 #1
Du kan sagtes style en scrollbar i IE6 via body

Dette virker fint i IE6

body {
    scrollbar-face-color: #000000;
    scrollbar-shadow-color: #333333;
    scrollbar-highlight-color: #333333;
    scrollbar-3dlight-color: #333333;
    scrollbar-darkshadow-color: #333333;
    scrollbar-track-color: #333333;
    scrollbar-arrow-color: #AC0404;
}
Avatar billede mik789 Nybegynder
06. oktober 2003 - 08:55 #2
kan det så have noget at gøre med OS? Jeg har min IE6 på en WinXP PC.
Avatar billede whatever Nybegynder
06. oktober 2003 - 09:00 #3
Jeg sidder også med IE6 på Windows XP.

Er din doctype sat til XHTML?

Hvis ja, så er der derfor. Der virker kun med HTML4.
Avatar billede mik789 Nybegynder
07. oktober 2003 - 12:37 #4
nej, min doctype er sat til HTML 4.01 transitional, og i øvrigt har jeg prøvet med begge slags doctype uden nogen forskel.

Her er et testdokument:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title>scrollbar</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<style type="text/css"><!--
body {
    scrollbar-base-color: #ffff99;
    scrollbar-face-color: #ffff99;
    scrollbar-shadow-color: #800000;
    scrollbar-darkshadow-color: #ffff99;
    scrollbar-highlight-color: #ffff99;
    scrollbar-arrow-color: #800000;
    scrollbar-3dlight-color: #800000;
    scrollbar-track-color: #ffff99;
}
--></style>

</head>

<body>

<p>&nbsp;</p>
<p>I dette dokument burde scrollbaren være gul med rødbrun kant. Scrollbar styles'ene er her sat til body elementet. Men i min IE6 får det ingen virkning, og jeg ser bare den sædvanlige blålige IE-scrollbar. Hvis jeg derimod i stedet knytter styles'ene til elementet html, træder ændringerne i kraft.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

</body>
</html>

--------

Hvis jeg i stedet retter ovenstående stylesheet så scrollbare styles'ene gælder for html i stedet for body, bliver det synligt. Jeg kan ikke komme til at lægge det på en server lige nu, da den er nede. Men jeg vil meget gerne høre hvad i andre ser i dette dokument.

//mik
Avatar billede mik789 Nybegynder
07. oktober 2003 - 12:47 #5
har nu i stedet lagt det her: http://www.dahr.dk/test/scrollbar.html
Avatar billede susanne_larsen Nybegynder
07. oktober 2003 - 18:02 #6
scrollbaren har ikke de farver du ønsker

det er fordi du skal flytte
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
ind under <HEAD> så virker det fint. dvs:


<html>

<head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<title>en eller anden titel</title>


<STYLE TYPE="text/css">

BODY { scrollbar-face-color: #000000;
    scrollbar-shadow-color: #333333;
    scrollbar-highlight-color: #333333;
    scrollbar-3dlight-color: #333333;
    scrollbar-darkshadow-color: #333333;
    scrollbar-track-color: #333333;
    scrollbar-arrow-color: #AC0404;
}

</style>



</head>
<body>

<p>&nbsp;</p>
<p>I dette dokument burde scrollbaren være gul med rødbrun kant. Scrollbar styles'ene er her sat til body elementet. Men i min IE6 får det ingen virkning, og jeg ser bare den sædvanlige blålige IE-scrollbar. Hvis jeg derimod i stedet knytter styles'ene til elementet html, træder ændringerne i kraft.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>

</html>
Avatar billede mik789 Nybegynder
07. oktober 2003 - 18:11 #7
susanne_larsen> hmnn, det du siger at jeg skal køre siden i quirk mode. det svarer til at jeg helt undlader doctype erklæringen. men jeg vil godt have en korrekt doctype erklæring og den SKAL stå allerførst i dokumentet for at virke efter hensigten i IE.
Avatar billede whatever Nybegynder
07. oktober 2003 - 18:21 #8
susanne_larsen > som mik789 skriver er det ikke valid html at sætte doctypen mellem head-tagsne.

mik789> Prøv denne istedet <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Din virkede heller ikke hos mig, men denne virker. Den er også valid ifølge w3.
Avatar billede mik789 Nybegynder
07. oktober 2003 - 18:32 #9
whatever> Det er vist rigtigt nok at doctype uden URL er valid iflg W3C, men IE opfatter det ikke som standard mode med mindre URL'en er med. Men jeg fandt ud af at man sagten kan sætte scrollbar styles på html også i IE 5.5. Denne browser viser også den korrekte stylede scrollbar hvis styles'ene er sat på body, men det gør IE6 ikke. Den viser dem kun når de er sat på html. IE 5.0 viser slet ikke styles på scrollbar overhovedet (men måske i quirk mode?). Så løsningen bliver at sætte dem på html elementet - så kan både 5.5'eren og 6'eren være med.

Tak til jer begge for at være med til at løse problemet
Avatar billede mik789 Nybegynder
07. oktober 2003 - 19:05 #10
jeg har lagt testdokumentet over på: http://e-tidsskrift.dk/dev/scrollbar.html og som I kan se er der kun testet for xhtml i IE 6. I IE 5.5 er der kun testet i HTML 4.01. Så hvis en af jer har en version 5.5, vil I så godt være rar at teste dokumentet på dette link, som er skrevet i xhtml, og se om scrollbar'en er stylet eller hvad. Hvis det er, betyder det åbenbart ikke noget om man anvender HTML 4.01 eller xhtml 1.0.
//mik
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
5 min siden Popup ved opstart Af mort1 i Windows
04/0918:50 Slet lokal konto Af ErikHg i Windows
04/0916:05 Ændre tal i en celle Af xvid i Excel
04/0913:47 Dette er ikke en kommerciel session i Windows 11 Af eksmojo i Windows
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
White papers
Flere white papers »