469,647 Members | 1,789 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,647 developers. It's quick & easy.

Iframe scrolling IE and firefox

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
0 7448

Post your reply

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

Similar topics

6 posts views Thread by Phlip | last post: by
6 posts views Thread by Valued Customer | last post: by
12 posts views Thread by mistral | last post: by
3 posts views Thread by Asterbing | last post: by
3 posts views Thread by Archana | last post: by
reply views Thread by gheharukoh7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.