473,397 Members | 2,099 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,397 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 7746

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...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

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.