473,232 Members | 1,412 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,232 software developers and data experts.

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 7733

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

Similar topics

6
by: Phlip | last post by:
JavaScripties: On the HTML side, we load an IFRAME with a blank page: <iframe frameborder="0" marginwidth="0" marginheight="0" scrolling="off" src="about:blank" id="iframe_xml1!format_text"...
6
by: Valued Customer | last post by:
Hello, I'm really at a loss here. I have the following index.html: <div align="center"> <iframe src="left.htm" width="15%" height="100%" frameborder="0" name="left" target="contents">...
2
by: cont | last post by:
Hi I have the following simple page: <HTML> <TITLE>Test</TITLE> <HEAD> <script language="javascript"> function doSubmit() { alert('test'); window.frames.item(0).updateParent();
8
by: hyejin | last post by:
I have a problem with dynamic iframe and document.close() on Firefox. Below two files create a dynamic iframe by JavaScript. These two samples do not have any problems on IE. But, on Firefox, the...
12
by: mistral | last post by:
Can anybody tell me how to get source code of page in iframe? (popup window is clickable image). When I right click on this popup border to view source, i see just as follows <html> <head>...
3
by: visu | last post by:
Hi , I need a solution for my problem with IFRAME in firefox. The problem is that i ve to make the IFRAME to increase in its height to displays its whole content dynamically .i ve set...
3
by: Asterbing | last post by:
I want to know the length in pixels of a document embedded in a iframe. The way I go seems to work under IE but not under Firefox (about other browsers I'll see later). Here is my page for...
3
by: Archana | last post by:
hi all, can any one tell me how will i set scrollbar to iframe throguh javascript. please help me asap. thanks in advance
10
by: worldwideebm | last post by:
This is a problem that i have googled for hours and can't find an answer so i resort to asking on here because i found similar question on here. I have a page i use, It has an iframe on it but it...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
1
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.