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
iframe.htm
index.htm
Code:
<!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>
Code:
<!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>