CSS Code for ifram ScrollBars - Where??

  gplatt2000 17:15 18 Aug 2003

Hi there. I have made an iframe, and want some flashy scrollbars to matrh the design of my page. I have copied the CSS code from another site so I can mess around with tit, but I am not sure where to put it. When I put the code i the head> tag as in the site i borrowed it from, only the main IE scrollbar is affected. Where do I need to put the code for it to affect the iframe scrollbars? Thanks a lot in advance, Gavin

  Taran 21:18 18 Aug 2003

OK, here we go.

Page A is the main host page with the IFRAME - Page B is the one in the IFRAME.

Both pages are independent of each other and B is simply viewed in a display window of A.

This means any format styles applied to the host page (A) do not extend to the page displayed in the IFRAME (B).

You need to add your style code for the scrollbars into the page that is being displyed in the IFRAME.

If Page B is the page you want to view in the IFRAME, paste a scrollbar style along the lines of the following between its <head></head> tags - don't forget that the style will only apply to the page it is on:



scrollbar-arrow-color: #000000;

scrollbar-3dlight-color: #3333B3;

scrollbar-highlight-color: #B3B3B3;

scrollbar-face-color: #000080;

scrollbar-shadow-color: #4D4D4D;

scrollbar-darkshadow-color: #00004D;

scrollbar-track-color: #000080;



A different page (like the host page that has the IFRAME on it) may require alternative colours, so just code some different style tags between the <head></head> tags of it for an effect that is different to the page displayed in the IFRAME.



  gplatt2000 00:12 19 Aug 2003

Ok thanks a lot mate, will try that soon. Thanks again, Gavin

This thread is now locked and can not be replied to.

Elsewhere on IDG sites

Motorola Moto G6 review: Hands-on

The best smart speaker: Apple HomePod vs Google Home vs Amazon Echo

Les meilleurs jeux gratuits pour Mac (2018)