Iframe scrolling IE and firefox

15 New Member

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

  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

   "http://www.w3.org/TR/html4/frameset.dtd">

<html>

<head>

<title>JKLJKLJKLJKL</title>
 
<STYLE type="text/css">
 
    </STYLE>

<script>
 
</script>
 
<style type="text/css">

     <!--

     .title {font-size:49px; color:red}

     .subtitle {font-size:23px; font-weight: bold; text-decoration: underline;}

     .para {font-size:16px;}

              font-weight: bold;

              color: white;}

     .spanish {font-size:18px}

     .quick{font-size:24;}

     -->

     </style>
 
</head>

<body bgcolor="black" onLoad="slideshow()" text="#FFFFFF">
 
<DIV style="position: absolute; top:11px; left:360px; width:500px; height:75px; border:0px solid brown;">

    <table>

      <tr>

          <td>   

            <img src="chocolagenabu.png" alt="Welcome" 

              border=0 width="605" height="82" STYLE="border: none;">           
 
        </td>

      </tr>

    </table>

  </DIV>
 
  <DIV style="position: absolute; top:11px; left:51px; width:500px; height:75px; border:0px solid brown;">

    <table>

      <tr>

          <td>   

            <img src="fadelogog.gif" alt="Welcome" 

              border=0 width="308" height="130" STYLE="border: none;">           
 
        </td>

      </tr>

    </table>

  </DIV>
 
<script language="JavaScript">
 
pix = new Array();
 
pix[0] = "piano_keys.jpg";

pix[1] = "windowpainting.jpg";

pix[2] = "colorful.bmp";

pix[3] = "architect.png";

pix[4] = "farm.bmp";

pix[5] = "abstract.jpg";

pix[6] = "abstract2.gif";

pix[7] = "abstract3.jpg";

pix[8] = "waterfall_2.jpg";

pix[9] = "Shapes.jpg";

pix[10] = "Doodle.jpg";

pix[11] = "brickfloor.png";

pix[12] = "fountainsun.jpg";

pix[13] = "leaf.jpg";

pix[14] = "tree.jpg";

pix[15] = "drawchart.jpg";
 
var i = 0;
 
function slideshow(){

setInterval("change()", 5000);

}
 
function change(){

document.images.pic.src = pix[i];

i = i + 1;

if (i > (pix.length-1)) {i = 0} 

}
 
</script>
 
<DIV style="position: absolute; top:144px; left:54px; border:0px solid brown;">

<img name="pic" src="drawchart.jpg" width=308 height=390>

</DIV>
 
<DIV style="position: absolute; top:94px; left:360px; width:113px; height:0px">

  <DIV style="position: absolute; top:0px; left:0px; width:100px; height:75px; border:0px solid brown;">

    <table>

      <tr>

          <td> <a href="../all my web/home.htm" target= iframe  style="text-decoration:none">  

            <img src="homekhaki.jpg" alt="Welcome" 

              border=0 width="100" height="75" STYLE="border: none;">           

           </a>  

        </td>

      </tr>

    </table>

  </DIV>
 
  <DIV style="position: absolute; top:0px; left:101px; width:100px; height:15px; border:0px solid brown;">

    <table>

      <tr>

           <td> <a href="../all my web/aboutus.htm" target= iframe  style="text-decoration:none">  

            <img src="aboutus.jpg" alt="About Us Pic" 

            border=0 width="100" height="75" STYLE="border: none;">

          </a>

        </td>

      </tr>

    </table>

  </DIV>
 
  <DIV style="position: absolute; top:0px; left:202px; width:100px; height:15px; border:0px solid blue;">

    <table>

      <tr>

          <td> <a href="../all my web/services.htm" target= iframe>  

          <img src="serviceskhaki.jpg" alt="Our Services pic" 

            border=0 width="100" height="75" STYLE="border: none;">

          </a> 

        </td>

      </tr>

    </table>

  </DIV>
 
  <DIV style="position: absolute; top:0px; left:303px; width:100px; height:15px; border:0px solid blue;">

    <table>

      <tr>

        <td> <a href="../all my web/contactus.htm" target= iframe>  

          <img src="contactus.jpg" alt="Contact Us Pic" 

            border=0 width="100" height="75" STYLE="border: none;">

         </a>

        </td>

      </tr>

    </table>

  </DIV>
 
 <DIV style="position: absolute; top:0px; left:404px; width:100px; height:15px; border:0px solid blue;">

    <table>

      <tr>

        <td> <a href="../all my web/prototypes.htm" target= iframe>  

          <img src="prototypeskhaki.jpg" alt="Contact Us Pic" 

            border=0 width="100" height="75" STYLE="border: none;">

         </a>

        </td>

      </tr>

    </table>

  </DIV>
 
 <DIV style="position: absolute; top:0px; left:505px; width:100px; height:15px; border:0px solid blue;">

    <table>

      <tr>

        <td> <a href="../all my web/clients.htm" target= iframe>  

          <img src="clientskhaki.jpg" alt="Contact Us Pic" 

            border=0 width="100" height="75" STYLE="border: none;">

         </a>

        </td>

      </tr>

    </table>

  </DIV>

</DIV>
 
 <DIV style="position: absolute; top:169px; left:772px; width:180px; height:298px; border:0px solid black;">

    <table>

      <tr>

        <td> 

          <img src="brownfade.jpg" alt="Contact Us Pic" 

            border=0 width="191" height="360" STYLE="border:1px solid black;">

         </a>

        </td>

      </tr>

    </table>

  </DIV>
 
<DIV style="position: absolute; top:177px; left:786px; width:180px; height:25px; border: 0px solid blue;">

  <DIV>  

    <table>

      <tr>

        <td><span class="subtitle"> Instant Contact   </span>

        </td>

      </tr>

    </table>

</DIV> 

</DIV>
 
<DIV style="position: absolute; top:210px; left:786px; width:160px; height:15px; border:0px solid ;">

<table>

      <tr>

        <td> 

             <form method="post" action="thanks.php"> 

              Name:<br> <input name="nombre" type="text" STYLE="background: white; border: 1px black solid;"><br >

              Phone:<br><input name="phone" type="text" STYLE="background: white; border: 1px black solid;"><br >

              Email: <br><input name="email" type="text" STYLE="background: white; border: 1px black solid;"><br >

              Describe Website Idea:<br >

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

              <input type="submit" value="send" STYLE="background: white; border: 1px black solid;">

              </form>

        </td>

      </tr>

    </table>

  </DIV>

</DIV>
 
<DIV style="position: absolute; top:173px; left:363px; width:125px; height:15px; border:0px solid black;">

   <iframe name= iframe id= picframe scrolling=auto src="../all my web/home.htm" 

     width="412" height="361" FRAMEBORDER="0">   </iframe>

</DIV>
 
</body>

</html>

iframe.htm

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Home</title>
 
<style type="text/css">

     <!--

     .title {font-size:49px; color:red}

     .subtitle {font-size:17px; font-weight: bold; text-decoration: underline;}

     .para {font-size:16px;

              font-weight: bold;

              color: white;}

     .spanish {font-size:18px}

     .quick {font-size:24;}

     --> 

     </style>
 
</head>

<body bgcolor="#9A6733" text="#FFFFFF">
 
Home
 
<DIV style="text-align:justify;position: absolute; top:100px; left:1px;  height:15px; border:0px solid black;">

   <span class="para">

    <table>

      <tr>

          <td>  

 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

        </td>

      </tr>

    </table>

</DIV>
 
</body>

</html>

Aug 20 '07 #1

Subscribe Reply

7765

Similar topics

18698

FireFox and iframe.src

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" name="iframe_xml1!format_text" width="90%" height=" 180 ">Your browser is inferior and doesn't support IFRAMEs.</iframe> Later, a button click populates this frame:

Javascript

15002

iframe problem in firefox

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"> <iframe src="main.htm" width="85%" height="100%" frameborder="0" name="main" scrolling = "no"> </iframe>

HTML / CSS

15794

Call JScript Function in iFrame - FireFox Issue

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();

Javascript

5359

document.close() on dynamic iframe on firefox does not close the connection.

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 icon on the top corner keeps running with "loading" message on the bottom status bar even though the browser completed everything in the iFrame. The line that causes the problem is "document.close()" in the included JS file. If this line is...

Javascript

11130

Getting source code of iFrame

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> <title>New offer!</title> </head> <body style="margin-left: 0%; margin-right: 0%; margin-top: 0%;

Javascript

18543

resizing iframe height according to its content in firefox

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 scrolling=0 ,i dont want the scroll bars to appear in the IFRAME. I ve achieved this somehow thru javascript in IE.. but it is not working in Firefox.. is there anyway to increase the height of the IFRAME dynamically depends on its content in FIREFOX?

Javascript

4052

How to get length of document in an iframe

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 testing : 1) The page which will appear in the iframe is : <html> <head>

Javascript

2644

scrollbar to iframe through javascript.

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

Javascript

3437

Doctype is breaking my iframe in mozilla

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 is not regular iframe, The iframe has a resizing script that resizes the height of the iframe to the height of the page being viewed. Using this script it eliminates scrolling! This has all been working out great but then i realise for it to...

Javascript

8255

Problem With Comparison Operator <=> in G++

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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

8374

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

8242

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

6665

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

3868

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

3903

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

2389

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

1486

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

1217

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General