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

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

Follow Post Reply

7612

Iframe scrolling IE and firefox

Post your reply

Similar topics