By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,016 Members | 2,255 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,016 IT Pros & Developers. It's quick & easy.

Iframe scrolling IE and firefox

P: 15
I have an Iframe in one of the pages i am developing... the iframe is suppose to scroll up and down and the links target the iframe. the problem is that the iframe scrolls side to side on internet explorer but not on firefox. I dont want it to scroll sideways. in index.htm the iframe is at the bottom of the code.


index.htm
Expand|Select|Wrap|Line Numbers
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
  3.    "http://www.w3.org/TR/html4/frameset.dtd">
  4. <html>
  5. <head>
  6. <title>JKLJKLJKLJKL</title>
  7.  
  8. <STYLE type="text/css">
  9.  
  10.     </STYLE>
  11. <script>
  12.  
  13.  
  14. </script>
  15.  
  16.  
  17. <style type="text/css">
  18.      <!--
  19.      .title {font-size:49px; color:red}
  20.      .subtitle {font-size:23px; font-weight: bold; text-decoration: underline;}
  21.      .para {font-size:16px;}
  22.               font-weight: bold;
  23.               color: white;}
  24.      .spanish {font-size:18px}
  25.      .quick{font-size:24;}
  26.      -->
  27.      </style>
  28.  
  29. </head>
  30. <body bgcolor="black" onLoad="slideshow()" text="#FFFFFF">
  31.  
  32. <DIV style="position: absolute; top:11px; left:360px; width:500px; height:75px; border:0px solid brown;">
  33.     <table>
  34.       <tr>
  35.           <td>   
  36.             <img src="chocolagenabu.png" alt="Welcome" 
  37.               border=0 width="605" height="82" STYLE="border: none;">           
  38.  
  39.         </td>
  40.       </tr>
  41.     </table>
  42.   </DIV>
  43.  
  44.   <DIV style="position: absolute; top:11px; left:51px; width:500px; height:75px; border:0px solid brown;">
  45.     <table>
  46.       <tr>
  47.           <td>   
  48.             <img src="fadelogog.gif" alt="Welcome" 
  49.               border=0 width="308" height="130" STYLE="border: none;">           
  50.  
  51.         </td>
  52.       </tr>
  53.     </table>
  54.   </DIV>
  55.  
  56. <script language="JavaScript">
  57.  
  58. pix = new Array();
  59.  
  60. pix[0] = "piano_keys.jpg";
  61. pix[1] = "windowpainting.jpg";
  62. pix[2] = "colorful.bmp";
  63. pix[3] = "architect.png";
  64. pix[4] = "farm.bmp";
  65. pix[5] = "abstract.jpg";
  66. pix[6] = "abstract2.gif";
  67. pix[7] = "abstract3.jpg";
  68. pix[8] = "waterfall_2.jpg";
  69. pix[9] = "Shapes.jpg";
  70. pix[10] = "Doodle.jpg";
  71. pix[11] = "brickfloor.png";
  72. pix[12] = "fountainsun.jpg";
  73. pix[13] = "leaf.jpg";
  74. pix[14] = "tree.jpg";
  75. pix[15] = "drawchart.jpg";
  76.  
  77. var i = 0;
  78.  
  79. function slideshow(){
  80. setInterval("change()", 5000);
  81. }
  82.  
  83.  
  84. function change(){
  85. document.images.pic.src = pix[i];
  86. i = i + 1;
  87. if (i > (pix.length-1)) {i = 0} 
  88. }
  89.  
  90. </script>
  91.  
  92. <DIV style="position: absolute; top:144px; left:54px; border:0px solid brown;">
  93. <img name="pic" src="drawchart.jpg" width=308 height=390>
  94. </DIV>
  95.  
  96. <DIV style="position: absolute; top:94px; left:360px; width:113px; height:0px">
  97.   <DIV style="position: absolute; top:0px; left:0px; width:100px; height:75px; border:0px solid brown;">
  98.     <table>
  99.       <tr>
  100.           <td> <a href="../all my web/home.htm" target= iframe  style="text-decoration:none">  
  101.             <img src="homekhaki.jpg" alt="Welcome" 
  102.               border=0 width="100" height="75" STYLE="border: none;">           
  103.            </a>  
  104.         </td>
  105.       </tr>
  106.     </table>
  107.   </DIV>
  108.  
  109.   <DIV style="position: absolute; top:0px; left:101px; width:100px; height:15px; border:0px solid brown;">
  110.     <table>
  111.       <tr>
  112.            <td> <a href="../all my web/aboutus.htm" target= iframe  style="text-decoration:none">  
  113.             <img src="aboutus.jpg" alt="About Us Pic" 
  114.             border=0 width="100" height="75" STYLE="border: none;">
  115.           </a>
  116.         </td>
  117.       </tr>
  118.     </table>
  119.   </DIV>
  120.  
  121.   <DIV style="position: absolute; top:0px; left:202px; width:100px; height:15px; border:0px solid blue;">
  122.     <table>
  123.       <tr>
  124.           <td> <a href="../all my web/services.htm" target= iframe>  
  125.           <img src="serviceskhaki.jpg" alt="Our Services pic" 
  126.             border=0 width="100" height="75" STYLE="border: none;">
  127.           </a> 
  128.         </td>
  129.       </tr>
  130.     </table>
  131.   </DIV>
  132.  
  133.   <DIV style="position: absolute; top:0px; left:303px; width:100px; height:15px; border:0px solid blue;">
  134.     <table>
  135.       <tr>
  136.         <td> <a href="../all my web/contactus.htm" target= iframe>  
  137.           <img src="contactus.jpg" alt="Contact Us Pic" 
  138.             border=0 width="100" height="75" STYLE="border: none;">
  139.          </a>
  140.         </td>
  141.       </tr>
  142.     </table>
  143.   </DIV>
  144.  
  145.  <DIV style="position: absolute; top:0px; left:404px; width:100px; height:15px; border:0px solid blue;">
  146.     <table>
  147.       <tr>
  148.         <td> <a href="../all my web/prototypes.htm" target= iframe>  
  149.           <img src="prototypeskhaki.jpg" alt="Contact Us Pic" 
  150.             border=0 width="100" height="75" STYLE="border: none;">
  151.          </a>
  152.         </td>
  153.       </tr>
  154.     </table>
  155.   </DIV>
  156.  
  157.  <DIV style="position: absolute; top:0px; left:505px; width:100px; height:15px; border:0px solid blue;">
  158.     <table>
  159.       <tr>
  160.         <td> <a href="../all my web/clients.htm" target= iframe>  
  161.           <img src="clientskhaki.jpg" alt="Contact Us Pic" 
  162.             border=0 width="100" height="75" STYLE="border: none;">
  163.          </a>
  164.         </td>
  165.       </tr>
  166.     </table>
  167.   </DIV>
  168. </DIV>
  169.  
  170.  <DIV style="position: absolute; top:169px; left:772px; width:180px; height:298px; border:0px solid black;">
  171.     <table>
  172.       <tr>
  173.         <td> 
  174.           <img src="brownfade.jpg" alt="Contact Us Pic" 
  175.             border=0 width="191" height="360" STYLE="border:1px solid black;">
  176.          </a>
  177.         </td>
  178.       </tr>
  179.     </table>
  180.   </DIV>
  181.  
  182.  
  183. <DIV style="position: absolute; top:177px; left:786px; width:180px; height:25px; border: 0px solid blue;">
  184.   <DIV>  
  185.     <table>
  186.       <tr>
  187.         <td><span class="subtitle"> Instant Contact   </span>
  188.         </td>
  189.       </tr>
  190.     </table>
  191. </DIV> 
  192. </DIV>
  193.  
  194. <DIV style="position: absolute; top:210px; left:786px; width:160px; height:15px; border:0px solid ;">
  195. <table>
  196.       <tr>
  197.         <td> 
  198.              <form method="post" action="thanks.php"> 
  199.               Name:<br> <input name="nombre" type="text" STYLE="background: white; border: 1px black solid;"><br >
  200.               Phone:<br><input name="phone" type="text" STYLE="background: white; border: 1px black solid;"><br >
  201.               Email: <br><input name="email" type="text" STYLE="background: white; border: 1px black solid;"><br >
  202.               Describe Website Idea:<br >
  203.               <textarea name="comments" rows="8" cols="18" STYLE="background: white; border: 1px black solid;">Include industry, colors you would like, number of sections, etc.  Anything that would help us create your Ideal website.</textarea><br >
  204.               <input type="submit" value="send" STYLE="background: white; border: 1px black solid;">
  205.               </form>
  206.         </td>
  207.       </tr>
  208.     </table>
  209.   </DIV>
  210. </DIV>
  211.  
  212. <DIV style="position: absolute; top:173px; left:363px; width:125px; height:15px; border:0px solid black;">
  213.    <iframe name= iframe id= picframe scrolling=auto src="../all my web/home.htm" 
  214.      width="412" height="361" FRAMEBORDER="0">   </iframe>
  215. </DIV>
  216.  
  217. </body>
  218. </html>
  219.  
  220.  
  221.  
iframe.htm
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <title>Home</title>
  6.  
  7. <style type="text/css">
  8.      <!--
  9.      .title {font-size:49px; color:red}
  10.      .subtitle {font-size:17px; font-weight: bold; text-decoration: underline;}
  11.      .para {font-size:16px;
  12.               font-weight: bold;
  13.               color: white;}
  14.      .spanish {font-size:18px}
  15.      .quick {font-size:24;}
  16.      --> 
  17.      </style>
  18.  
  19.  
  20.  
  21. </head>
  22. <body bgcolor="#9A6733" text="#FFFFFF">
  23.  
  24. Home
  25.  
  26.  
  27. <DIV style="text-align:justify;position: absolute; top:100px; left:1px;  height:15px; border:0px solid black;">
  28.    <span class="para">
  29.     <table>
  30.       <tr>
  31.           <td>  
  32.  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe  iframe
  33.         </td>
  34.       </tr>
  35.     </table>
  36. </DIV>
  37.  
  38. </body>
  39. </html>
  40.  
  41.  
  42.  
  43.  
  44.  
Aug 20 '07 #1
Share this question for a faster answer!
Share on Google+

Post your reply

Sign in to post your reply or Sign up for a free account.