Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 730
  • Last Modified:

Custom scrollbars inside an IFrame.. inside and IFrame.

I will explain the title more.  I'm trying to get a custom scroll bar working for an iframe(Iframe2) which is situated inside an iframe(Iframe1).  I can get the first IFrame(Iframe1) working find by using css/javascript.  But Iframe 2 doesn't want to change the custom scroll bar.  Does anyone know if this is possible, and give an example. I'm not too fussed about cross browser compatability as it's just to keep the designer of the website happy.  If it's not possible does anyone know some easy to use javascript scrollbars as a last resort?

Thanks!

Jake
0
jdenotter
Asked:
jdenotter
  • 3
  • 2
1 Solution
 
GrandSchtroumpfCommented:
Each page is responsible for it's own style, including scrollbars.
This means you need to set the scrollbar's style in the html contained inside the frame.

Frames are justified only when you need to include an external page, in the other cases, you should use server-side includes.
By definition, you cannot control external pages... so you'll need to use some javascript trick to overwrite the scrollbar style on external pages.  If the external page contains another frame then it makes it virtually impossible to control.

Give us a link to your page, so we can see what your options are.
0
 
jdenotterAuthor Commented:
http://anotherdaydown.com.au/ee/ is a link to a page with the internal IFrames.. The news section is in an iframe and I would like just that section to scroll with custome scroll bars..  I'm pretty sure this would be the only way to implement what i want unless i try a javascript scrollbar or redesign the whole thing in flash..

Have a look and see what you can do.  it's stumped me for ages!!!  Oh the reason for the main iframe is so that the whole page doesn't have to reload and make the flash menu picture reset.  
0
 
GrandSchtroumpfCommented:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--

body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-image: url(images/bgpixel.gif);
  background-color: #000000;
}

html {
  scrollbar-face-color: #3C2A1D;
  scrollbar-shadow-color: #3C2A1D;
  scrollbar-highlight-color: #3C2A1D;
  scrollbar-3dlight-color: #30241C;
  scrollbar-darkshadow-color: #30241C;
  scrollbar-track-color: #0D151E;
  scrollbar-arrow-color: #B78159;
}

-->
</style>
<link href="images/main.css" rel="stylesheet" type="text/css">
</head>

<body>
<table width="450" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="420" bgcolor="#0D151E">
  <p class="title"><img src="images/news.gif" width="121" height="61"></p>
  <span class="news">
  Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>
  Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>
  Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>
          Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>
                  Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>
                          Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br>Just some text goes in here the fills up the iframe<br><br><br><br> </span>
           </td>
  </tr>
</table>
</body>
</html>
0
 
jdenotterAuthor Commented:
So simple.. Thanks GrandSchtroumpf!
0
 
GrandSchtroumpfCommented:
<:°)
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now