milov.nl: forum

milov.nl : forum : coding : 'CSS: Scrollbar and iframes...'

CSS: Scrollbar and iframes...	Peterrrr {*}, 020614 11:01
Can somebody help me how to assign a color to an i-frame. I use this style: <style> <!-- iframe { border: 1 solid #0434B1; SCROLLBAR-FACE-COLOR: #eeeeff; SCROLLBAR-HIGHLIGHT-COLOR: #b8c9dc; SCROLLBAR-SHADOW-COLOR: #b8c9dc; SCROLLBAR-3DLIGHT-COLOR: #b8c9dc; SCROLLBAR-ARROW-COLOR: #b8c9dc; SCROLLBAR-TRACK-COLOR: #eeeeff; SCROLLBAR-DARKSHADOW-COLOR: #eeeeff; } --> </style> on the body it works. On the iframe not...
gatekeeper.solvay.com

CSS: Scrollbar and iframes...

Peterrrr {*}, 020614 11:01

Can somebody help me how to assign a color to an i-frame. I use this style:

<style>

</style>

on the body it works. On the iframe not...

gatekeeper.solvay.com

Re: CSS: Scrollbar and iframes...	milov, 020614 11:52
Try assigning it to the body in the html-file used as src of the iframe.
kf-nawij-tg01-0275.dial.kabelfoon.nl

Re: CSS: Scrollbar and iframes...	Peterrrr {*}, 020617 10:17
I tried... and it works! ... and it makes sense. Sometimes it is all so simple, hehehe Tnx
gatekeeper.solvay.com

Re: CSS: Scrollbar and iframes...	Drae, 020904 03:01
Can you change the width of the scrollbar?? If so, how. Thanks
h24-83-10-33.vc.shawcable.net

Re: CSS: Scrollbar and iframes...	Johnny Castaway, 021022 19:53
u can maybe assign to ur iframe directly the tag style... like <iframe style="scrollbar-face-color: #ffffff"> etc...
206.167.133.249

Re: CSS: Scrollbar and iframes...	remKa, 021028 01:46
Is it possible to use an image instead of the standard scroller of the iframe?
193.253.33.175

Re: CSS: Scrollbar and iframes...	hotmail.com,jenserai,Jenserai, 021219 10:15
Is there a way to move the scrollbars outside of the iframe? The way they're automatically located makes it so that when there's more text than will fit in the frame at once, the vertical scrollbar pops up inside the frame which causes the the frame to think the contents are too wide, thus bringing up the horozontal scrollbar as well.
splash34.drizzle.com

Re: CSS: Scrollbar and iframes...	aol.com,launchp0d,kevin, 030120 18:11
Ok well look at the other thread to learn how to remove scrollbars, but as for the inquiry about te possibility of using an image for a scroll bar... yes it is possible. Just browse http://www.javascriptsource.com an http://www.dynamicdrive.com/ and you should find it somwhere. I think you need DHTML for it though...
cache-mtc-aa10.proxy.aol.com

Re: CSS: Scrollbar and iframes...	Ric Pa, 030326 22:39
Well as for having a scrollbar outside of the IFRAME, this is kinda 'ify'. I dont believe you can do that using any standard methods, but there should be a way to hack up a JavaScript to make your own "Virtual Scrollbar". Such as, OnMouseOver ( THIS BUTTON ) blah blah. FunctiontoScrollThatFrame(). Should work, but I dont believe it was supposed to do things like that.
adsl-78-186-220.mco.bellsouth.net

Re: CSS: Scrollbar and iframes...	itu.edu.tr,kosece,muhterem, 030702 10:23
to change to color of scrollbar of iframe u must use the iframe src file's sytle sheet otherwise iframe's parent sytlesheet doesn't affect the scroll.
asy38.as170.sol.superonline.com

Re: CSS: Scrollbar and iframes...	rikoko, 030722 11:05
I am using a page that has a coloured scrollbar - within the page is a layer (not an iframe)and I would really like the scrollbar on the layer to be different to the main scrollbar. Is this poss? If so how the hell do you do it???
jupitercolour-gw.adsl.newnet.co.uk

Re: CSS: Scrollbar and iframes...	hot.ee,fuh,fla, 030729 21:27
i have another problem.I want to have 2 different scrollbars.1. on the main window and 2nd on the <div ...in div i have class="divthing" or smht, but how i make class == divthing, dunno how... im not good in english...
cache.linking.ee

Re: CSS: Scrollbar and iframes...	fdgdg, 030823 14:44
hghfg
lns-th2-8-82-64-220-134.adsl.proxad.net

Re: CSS: Scrollbar and iframes...	RenegadeLeader, 030928 00:57
Im trying to do the SAME thing...but i dont understand wut you said.. Re: CSS: Scrollbar and iframes... milov, 020614 11:52 Try assigning it to the body in the html-file used as src of the iframe. Um...i dont know wut you mean there..Please Explain.
24-161-35-180.hvc.rr.com

Re: CSS: Scrollbar and iframes...	peder, 031031 12:42
.hoved { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } {SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; </style> } i tried to make a seperate css document. the font family stuff worked out well but not he scrollbar, what have i i done wrong?
062016184236.customer.alfanett.no

Re: CSS: Scrollbar and iframes...

peder, 031031 12:42

.hoved {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

{SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff; </style>
}
i tried to make a seperate css document. the font family stuff worked out well but not he scrollbar, what have i i done wrong?

062016184236.customer.alfanett.no

Re: CSS: Scrollbar and iframes...	Cavalera, 031105 14:19
try body{SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff;> }
176.5-201-80.adsl.skynet.be

Re: CSS: Scrollbar and iframes...	Cavalera, 031105 14:20
correction :p try body{SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; }
176.5-201-80.adsl.skynet.be

Re: CSS: Scrollbar and iframes...	JAN, 031108 15:26
My English is bad but I'm doing my utmost. Try this: You can change the color of your body scrollbar, and now you want to change the color of your iframe or layer or something <iframe id="blabla" src="somedoc.html"></iframe> in the head section of you parent document: <style type="text/css"> document.body.blabla.style.SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; </style> may be a syntax error but i think it will work Succes
e119211.upc-e.chello.nl

Re: CSS: Scrollbar and iframes...

JAN, 031108 15:26

My English is bad but I'm doing my utmost.

Try this:

You can change the color of your body scrollbar, and now you want to change the color of your iframe or layer or something

<iframe id="blabla" src="somedoc.html"></iframe>

in the head section of you parent document:
<style type="text/css">
document.body.blabla.style.SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
</style>

may be a syntax error but i think it will work

Succes

e119211.upc-e.chello.nl

Re: CSS: Scrollbar and iframes...	john, 031128 21:14
JUST VIEW THE SOURCE ON MY SITE http://greynet.us/john
18-57.34-65.tampabay.rr.com

Re: CSS: Scrollbar and iframes...	ACJ, 031203 05:41
I would personally go for divs with position:absolute and overflow:auto instead of table hacks with nested iframes. Not only would it save a lot of bytes, the site would also be more accessible, usable, and sematically correct. The support for iframes is limited, and is not very likely to grow. Not saying you should too, though. I don't want to make things more difficult than they already are. Just stating a possibility. Sincerly, ACJ
ip3e834e71.speed.planet.nl

Re: CSS: Scrollbar and iframes...

ACJ, 031203 05:41

I would personally go for divs with

position:absolute

and

overflow:auto

instead of table hacks with nested iframes. Not only would it save a lot of bytes, the site would also be more accessible, usable, and sematically correct. The support for iframes is limited, and is not very likely to grow.

Not saying you should too, though. I don't want to make things more difficult than they already are.
Just stating a possibility.

Sincerly,

ACJ

ip3e834e71.speed.planet.nl

Re: CSS: Scrollbar and iframes...	ass, 040123 00:01
fuck you
adsl-63-202-231-211.dsl.sndg02.pacbell.net

Re: CSS: Scrollbar and iframes...	uranus.net,blah,Boo-Ya, 040318 16:47
That only works in Internut Exploder ya know. Bad design to depend on style shit that only works in one crap browser. More and more are converting to the zilla's and others. You should keep that in mind. IE is about 3 - 4 years behind everyone else. Design accordingly.
adsl-209-30-178-103.dsl.rcsntx.swbell.net

Re: CSS: Scrollbar and iframes...	Subporn, 040322 19:41
Not really, I always code for mozilla, but IE got more Javascript function than the others and has more CSS code than others too. Well all are not standard I admit it, but they are not behind.
199.243.80.186

Help Me on Iframes	Daniel, 040603 19:57
Hi can somebody give me the code for Iframes please.
cache4-nott.server.ntli.net

Re: CSS: Scrollbar and iframes...	Google_Pear, 040603 20:10
frames: http://www.w3schools.com/html/html_frames.asp iframes: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_iframe
node-c-66d2.a2000.nl

CSS: Scrollbar and iframes...	hotmail.com,vodkagirl484,sherlyn, 040625 15:36
hi.. i need help!! i am having trouble changing the color of the scrollbar in my iframe .. the scroll bar of the body of the pAge can be changed but it doesnt change for the ones in iframe!! here is e part of the code of my frame where i believe is the place to change the color.... can u tell me where n wad shud i add on to change the color of my iframe? thx alot! //Specify display mode (0 or 1) //0 causes document to be displayed in an inline frame, while 1 in a new browser window var displaymode=0 //if displaymode=0, configure inline frame attributes (ie: dimensions, intial document shown var iframecode='<iframe id="external" style="width:500px;height:500px"src="http://www.geocities.com/rehsiew/index100">; </iframe>' pls try to help thx!
bbcache-11.singnet.com.sg

CSS: Scrollbar and iframes...

hotmail.com,vodkagirl484,sherlyn, 040625 15:36

hi.. i need help!! i am having trouble changing the color of the scrollbar in my iframe .. the scroll bar of the body of the pAge can be changed but it doesnt change for the ones in iframe!! here is e part of the code of my frame where i believe is the place to change the color.... can u tell me where n wad shud i add on to change the color of my iframe? thx alot!

//Specify display mode (0 or 1)
//0 causes document to be displayed in an inline frame, while 1 in a new browser window
var displaymode=0
//if displaymode=0, configure inline frame attributes (ie: dimensions, intial document shown
var iframecode='<iframe id="external" style="width:500px;height:500px"src="http://www.geocities.com/rehsiew/index100">; </iframe>'

pls try to help thx!

bbcache-11.singnet.com.sg

Re: CSS: Scrollbar and iframes...	The frog, 041228 23:07
<style> <iframe src= {scrollbar-face-color: #FFFF66; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #FFFF66; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFF66;} </style> On the body it works, but on the iframe it not works... I don`t understand what`s wrong.. Please help me ;o)
ti111210a080-3125.bb.online.no

Re: CSS: Scrollbar and iframes...	Milo, 041229 14:04
That's some mixed up code there, The frog. You need to apply the styles to the <body> of the document that is shown IN the iframe, NOT the document containing the iframe. Suppose you have <iframe src="whatever.html"></iframe> , then whatever.html should look like this: <html> <style type="text/css"> body { scrollbar-face-color: #FFFF66; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #FFFF66; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFF66; } </style> <body> this is what appears in the iframe </body> </html>
milov.demon.nl

Re: CSS: Scrollbar and iframes...

Milo, 041229 14:04

That's some mixed up code there, The frog. You need to apply the styles to the <body> of the document that is shown IN the iframe, NOT the document containing the iframe.

Suppose you have <iframe src="whatever.html"></iframe> , then whatever.html should look like this:

<html>

<style type="text/css">

body { scrollbar-face-color: #FFFF66;

scrollbar-shadow-color: #000000;

scrollbar-highlight-color: #FFFFFF;

scrollbar-3dlight-color: #000000;

scrollbar-darkshadow-color: #FFFF66;

scrollbar-track-color: #FFFFFF;

scrollbar-arrow-color: #FFFF66; }

</style>

<body>

this is what appears in the iframe

</body>

</html>

milov.demon.nl

Re: CSS: Scrollbar and iframes...	Iconico, 050103 05:35
You might find that this online tool for colored scrollbars comes in handy: http://www.iconico.com/CSSScrollbar/
user-0cdfec8.cable.mindspring.com

Re: CSS: Scrollbar and iframes...	elv's, 050314 11:33
In my iframe, i want to change the style of the scrollbar or put css, please show me the code!!!!!!!!!!
61.9.99.36

Re: CSS: Scrollbar and iframes...	Mathieu 'P01' HENRI, 050314 21:41
elv's: please open your eyes!!!!!!!!!! http://milov.nl/forum/1/622#msg3556 U__U
AAmiens-152-1-46-55.w83-198.abo.wanadoo.fr

Re: CSS: Scrollbar and iframes...	Cassie, 050327 08:18
I'm new to html so be gentle. I don't know what's wrong with my code.Someone plz help me! This is my code: <iframe name="frame" src="http://www.geocities.com/xpixelpiratex/dolls.html" width=396 height=290 marginwidth=0 marginheight=0 frameborder=0 scrolling=auto </IFRAME> Where do i put the scrollbar code and what do is it? Plz help
2.cust15.vic.dsl.ozemail.com.au

Re: CSS: Scrollbar and iframes...	Cassie, 050327 08:19
i mean what is it not what do is it. Sorry
2.cust15.vic.dsl.ozemail.com.au

Pages: 1