View Full Version : iframe scrollbars


angl1989
07-07-2004, 05:08 PM
iframe scrollbars

--------------------------------------------------------------------------------

i have tried putting scrollbars within the iframe but it didn't work...

i used this code
Code:
<!--iframe#ifr {
position:absolute;
left:100px;
top:100px;
width:50%;
height:400px;
border:1px groove orange;
scrollbar-face-color : black;
scrollbar-highlight-color : red;
scrollbar-3dlight-color : red;
scrollbar-shadow-color : black;
scrollbar-darkshadow-color : 000000;
scrollbar-track-color : black;
scrollbar-arrow-color : red; }-->

but it didn't work for scroll bars either wat did i doi wrong where should i put the code and plz telle me the correct syntax as well

i have also tried this code

--------------------------------------------------------------------------------

Code:
<iframe id="ifr" src="http://www.marina1989.blogspot.com" scrolling="auto" frameborder="1"
style="scrollbar-face-color : black;
scrollbar-highlight-color : red;
scrollbar-3dlight-color : red;
scrollbar-shadow-color : black;
scrollbar-darkshadow-color : 000000;
scrollbar-track-color : black;
scrollbar-arrow-color : red;">

</iframe>

this did't work either

angl1989
07-07-2004, 05:09 PM
i have also tried this code

--------------------------------------------------------------------------------

Code:
<iframe id="ifr" src="http://www.marina1989.blogspot.com" scrolling="auto" frameborder="1"
style="scrollbar-face-color : black;
scrollbar-highlight-color : red;
scrollbar-3dlight-color : red;
scrollbar-shadow-color : black;
scrollbar-darkshadow-color : 000000;
scrollbar-track-color : black;
scrollbar-arrow-color : red;">

</iframe>

this did't work either

bourdelson
07-07-2004, 05:23 PM
This goes in your CSS..


body {
scrollbar-face-color : black;
scrollbar-highlight-color : red;
scrollbar-3dlight-color : red;
scrollbar-shadow-color : black;
scrollbar-darkshadow-color : 000000;
scrollbar-track-color : black;
scrollbar-arrow-color : red;}


And this is your iframe code:


<iframe name="frame" src="http://www.marina1989.blogspot.com" scrolling="auto" frameborder="1" style="position:absolute; left:100px; top:100px; width:50%; height:400px; border:1px groove orange;">
</iframe>


If you already have stuff specified for the body in your CSS, then put the scrollbar color codes in with the rest of it. Also, be sure that the scrollbar CSS is on the page that opens up inside of the iframe.

I gave your iframe a name, because you didn't give it one, and I put in all of the ID stuff into the iframe code, so you shouldn't need the id in your CSS anymore.

Hope this works for you!