Avatar billede mik28 Seniormester
03. februar 2009 - 12:41 Der er 6 kommentarer og
1 løsning

Iframe og scrollbars

Hej Eksperter,

Hvorfor virker det her ikke. Jeg har en Iframe hvor jeg gerne vil have stylet scrollbars. Det ser i princippet således ud. Det virker på <body>. Jeg er ret sikker på at problemet er at problemet er at det slet ikke er scrollbars på IFramen som ender med at blive vist, men de scroolbars som er på det sted der bliver vist i IFramen. Kan jeg gøre noget for at ændre det?


<style type="text/css">
body {
margin:0px;
padding:0px;
overflow:auto;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #000000;
scrollbar-dark-shadow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-3d-light-color: #000000;
}
</style>

<div class="boks">
<iframe id="bla" src="URL" width="100%" height="100%" scrolling="yes" style="overflow-x:none;"></iframe>
</div>
Avatar billede mik28 Seniormester
03. februar 2009 - 12:53 #1
Kan jeg overhovedet ændre scrollbar farver på noget der bliver vist i en IFrame.
Avatar billede keysersoze Ekspert
03. februar 2009 - 13:22 #2
du bliver nødt til at lægge din CSS på den side der bliver vist i iframen.
Avatar billede klaudi Ekspert
03. februar 2009 - 13:23 #3
Prøv med Style'n i det dukument der skal åbnes i iFramen

Så burde det virke

mvh klaudi
Avatar billede mik28 Seniormester
03. februar 2009 - 13:57 #4
Det er jo lidt det som er udfordringen :-) Jeg har ikke umiddelbart adgang til den sides kildekode som bliver vist i IFramen. Kan man ikke ændre stylen på scrollbaren med noget ligende parent.style.ÆNDRE SCROLLBAREN


<div class="boks" id="boks">
<iframe id="pub" name="pub" src="testiframe.html" width="80%" height="100%" scrolling="yes" style="overflow-x:none;"></iframe>
</div>

<div style="height:50px;width:50px;background:#123456;" onclick="this.style.backgroundColor='black'">
jhbfryvgebyhe
</div>
Avatar billede keysersoze Ekspert
03. februar 2009 - 14:12 #5
med parent bevæger du dig i hvert fald den forkerte vej i hierakiet hvis det du vil forsøge er at ændre styles i iframen fra dit hovedvindie - hvis årsagen til at du ikke har adgang til kildekoden skyldes at indholdet i iframen kommer fra et andet domain kan du ikke ændre styles.
Avatar billede olebole Juniormester
03. februar 2009 - 15:22 #6
<ole>

Med mindre du selv disabler CSS i dokumentet, er det ikke body-elementet, der scroller, men dokument-elementet. Prøv i stedet:

html {
    /* Regler her */
}

- og det skal skrives i dokumentet, du loader i iframe'en

/mvh
</bole>
Avatar billede keysersoze Ekspert
09. april 2009 - 00:58 #7
lukketid?
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