Avatar billede putzen Nybegynder
06. oktober 2005 - 17:26 Der er 6 kommentarer og
2 løsninger

Iframe og scrollbar m. farve?

Hvordan får jeg givet scrollbaren i en iframe farve(-der passer til designet..)Har indsat følgende i headet:
<style type="text/css">
html {
scrollbar-arrow-color:993300;
scrollbar-track-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:;
scrollbar-3dlight-color:#CCCCCC;
scrollbar-darkshadow-color:#CC6600;
scrollbar-shadow-color:;
}

</style>

Browseren scrollbar får ny farve, men ikke scrollbaren i iframe'en... Gør jeg noget forkert eller skal der noget kode ind i iframe tag'et?

På forhånd tak

Putzen
Avatar billede udvikler Nybegynder
06. oktober 2005 - 17:31 #1
Prøv med dette:

<style type="text/css">
#iframet {
scrollbar-arrow-color:993300;
scrollbar-track-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:;
scrollbar-3dlight-color:#CCCCCC;
scrollbar-darkshadow-color:#CC6600;
scrollbar-shadow-color:;
}

</style>


<iframe id="iframet">
...Dit indhold...
</iframe>
Avatar billede putzen Nybegynder
06. oktober 2005 - 17:36 #2
Ej, det så ellers lovende ud, men det hjælper ikke ....
Avatar billede Keld Nielsen Professor
06. oktober 2005 - 17:43 #3
Prøv det som body i siden som vises i iframe'n

<style type="text/css">
body {
scrollbar-arrow-color:993300;
scrollbar-track-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:;
scrollbar-3dlight-color:#CCCCCC;
scrollbar-darkshadow-color:#CC6600;
scrollbar-shadow-color:;
}

</style>

...det plejer at lykkes for mig.
Avatar billede gil-galad Nybegynder
06. oktober 2005 - 17:46 #4
CSS-en skal stå mellem <head> og </head> i den den side der vises inde i iframen...
Avatar billede putzen Nybegynder
06. oktober 2005 - 17:56 #5
Jeg er ikke helt sikker på hvad der skete, men nu virker det! I må dele pointerne.

Tak for hjælpen!

Putzen
Avatar billede Keld Nielsen Professor
06. oktober 2005 - 17:59 #6
jamen ok. da !
Avatar billede gil-galad Nybegynder
06. oktober 2005 - 18:00 #7
Forresten er der nogle fejl i din css-kode:

<style type="text/css">
body {
scrollbar-arrow-color:993300;            <<< Sæt et # foran 993300
scrollbar-track-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:;            <<< angiv en farve, eller slet linien
scrollbar-3dlight-color:#CCCCCC;
scrollbar-darkshadow-color:#CC6600;
scrollbar-shadow-color:;            <<< angiv en farve, eller slet linien
}

</style>
Avatar billede olebole Juniormester
06. oktober 2005 - 19:20 #8
<ole>

Hvis koden ellers er i orden, skal reglen lægges på html-elementet ... ikke body'en:

<style type="text/css">
html {
  ... osv ...

- og som du allerede har fået at vide i dokumentet, der loades i iframe'en  ;o)

/mvh
</bole>
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester