...

View Full Version : Not working in IE.



pito189
10-16-2007, 09:15 PM
http://bluejacksurfaces.com/drivewaysviewer.html

http://bluejacksurfaces.com/pooldecksviewer.html

Both of these pages when viewed in IE don't show the thumbnails images on the left side in the white.

When viewed in Camino, Firefox, and Safari the pages both work like they are supposed to. Any ideas i don't even know where to start looking. I also don't want to break them in the other browsers just to work in IE.

Thanks!

mrdantownsend
10-16-2007, 09:22 PM
posting the code you used would help immensely

pito189
10-16-2007, 09:25 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<TITLE>Harmony Pooldecks Viewer</TITLE>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<script language="JavaScript" type="text/JavaScript">

<!--



function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}



function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}



function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}



function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>

<link href="bluejack.css" rel="stylesheet" type="text/css">

<style type="text/css">

<!--

a:link {

text-decoration: none;

}

a:visited {

text-decoration: none;

}

a:hover {

text-decoration: none;

}

a:active {

text-decoration: none;

}

-->

</style></HEAD>

<BODY BGCOLOR=21449c onLoad="MM_preloadImages('images/counter7.gif','images/counter5.gif','images/kitchensales2.gif','images/counterviewer2_05.gif','images/counterviewer2_04.gif','images/counterviewer2_03.gif','images/counterviewer2_02.gif','images/counterviewer2_01.gif','gallery/counterviewer/pic02.jpg','gallery/counterviewer/pic03.JPG','gallery/counterviewer/pic04.gif','gallery/counterviewer/pic05.gif','gallery/counterviewer/pic06.gif','gallery/counterviewer/pic07.jpg','gallery/counterviewer/pic08.jpg','gallery/counterviewer/pic09.JPG','gallery/counterviewer/pic10.JPG','gallery/counterviewer/pic11.jpg','gallery/counterviewer/pic12.JPG','gallery/counterviewer/pic13.jpg','gallery/counterviewer/pic14.jpg','gallery/counterviewer/pic15.jpg','gallery/counterviewer/pic16.jpg','gallery/counterviewer/pic17.jpg','gallery/counterviewer/pic19.jpg','gallery/counterviewer/pic20.jpg','images/navON_03.gif')">
<table width="100%" border="0" align="center" cellpadding="0px">
<tr>
<td width="3%">&nbsp;</td>
<td><div id="container">
<div id="nav">
<a href="index.html" onMouseOver="MM_swapImage('Home button','','images/navOVR_01.gif',1)" onMouseOut="MM_swapImgRestore()">
<img src="images/nav_01.gif" name="Home button" width="61" height="29" border="0">
</a>
<a href="countertops.html" onMouseOver="MM_swapImage('Image1','','images/navOVR_02.gif',1)" onMouseOut="MM_swapImgRestore()">

<IMG SRC="images/nav_02.gif" ALT="" name="Image1" WIDTH=82 HEIGHT=29 border="0" id="Image1">
</a>
<a href="floors.html" onMouseOver="MM_swapImage('Floorbutton','','images/navOVR_03.gif',1)" onMouseOut="MM_swapImgRestore()">
<img src="images/nav_03.gif" name="Floorbutton" width="66" height="29" border="0">
</a>
<a href="hardscapes.html" onMouseOver="MM_swapImage('HardscapeButton','','images/navOVR_04.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/navON_04.gif" name="HardscapeButton" width="86" height="29" border="0">
</a>
<a href="about.html" onMouseOver="MM_swapImage('Aboutbutton','','images/navOVR_05.gif',1)" onMouseOut="MM_swapImgRestore()">
<img src="images/nav_05.gif" name="Aboutbutton" width="96" height="29" border="0">

</a>
</div>

<div id="gallery">

<div id="logo">

<IMG SRC="images/logo1.gif" ALT="" WIDTH=197 HEIGHT=71 border="0">

</div>

<div id="thumbs">

<img src="gallery/hardscapeviewer/pichardscp10.jpg" alt="counter7" name="counter7" width="55" height="55" border="0" class="thumb" id="counter7">

<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp11.jpg',1)" onMouseOut="MM_swapImgRestore()">

<IMG SRC="gallery/hardscapeviewer/pichardscp11.jpg" ALT="" name="counterviewer_15" WIDTH=55 HEIGHT=55 border="0" class="thumb">

</a>

<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp12.jpg',1)" onMouseOut="MM_swapImgRestore()">

<img src="gallery/hardscapeviewer/pichardscp12.jpg" alt="counter8" name="counter8" width="55" height="55" border="0" class="thumb" id="counter8" onMouseOver="MM_swapImage('BIG_PIC','','gallery/harmonyfloorviewer/pichmyflr03.jpg',1)" onMouseOut="MM_swapImgRestore()">

</a>

<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp13.jpg',1)" onMouseOut="MM_swapImgRestore()">

<img src="gallery/hardscapeviewer/pichardscp13.jpg" alt="" name="counterviewer_16" width=55 height=55 border="0" class="thumb">

</a>

<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp14.jpg',1)" onMouseOut="MM_swapImgRestore()">

<IMG SRC="gallery/hardscapeviewer/pichardscp14.jpg" ALT="" name="counterviewer_16" WIDTH=55 HEIGHT=56 border="0" class="thumb">

</a>

<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp15.jpg',1)" onMouseOut="MM_swapImgRestore()">

<img src="gallery/hardscapeviewer/pichardscp15.jpg" alt="" width=55 height=56 border="0" class="thumb">

</a>

<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp16.jpg',1)" onMouseOut="MM_swapImgRestore()">

<img src="gallery/hardscapeviewer/pichardscp16.jpg" width="55" height="55" border="0" class="thumb" onMouseOver="MM_swapImage('BIG_PIC','','gallery/harmonyfloorviewer/pichmyflr07.jpg',1)" onMouseOut="MM_swapImgRestore()">

</a>

<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp17.jpg',1)" onMouseOut="MM_swapImgRestore()">

<img src="gallery/hardscapeviewer/pichardscp17.jpg" alt="" name="counterviewer_28" width=55 height=56 border="0" class="thumb">

</a>

<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp18.jpg',1)" onMouseOut="MM_swapImgRestore()">

<IMG SRC="gallery/hardscapeviewer/pichardscp18.jpg" ALT="" name="counterviewer_16" WIDTH=55 HEIGHT=55 border="0" class="thumb">

</a>

<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp19.jpg',1)" onMouseOut="MM_swapImgRestore()">

<IMG SRC="gallery/hardscapeviewer/pichardscp19.jpg" ALT="" name="counterviewer_16" WIDTH=55 HEIGHT=55 border="0" class="thumb">

</a>

<a href="javascript:;" onMouseOver="MM_swapImage('BIG_PIC','','gallery/hardscapeviewer/pichardscp20.jpg',1)" onMouseOut="MM_swapImgRestore()">

<IMG SRC="gallery/hardscapeviewer/pichardscp20.jpg" ALT="" name="counterviewer_16" WIDTH=55 HEIGHT=55 border="0" class="thumb">

</a>



</a>

</div>

<div align="left" id="email"><a href="mailto:info@bluejacksurfaces.com">

<IMG SRC="images/emailnumber.gif" ALT="" WIDTH=296 HEIGHT=15 border="0" align="bottom">

</a>

</div>

</div>



<div>

<IMG SRC="gallery/hardscapeviewer/pichardscp10.jpg" ALT="" name="BIG_PIC" WIDTH=399 HEIGHT=566 align="top" id="BIG_PIC" style="float:right;">

</div>

</div>

</div>

</td>

<td width="3%">

<div align="center"></div>

</td>

</tr>

</table>









</BODY>

</html>

pito189
10-16-2007, 09:26 PM
Jeebus, hope that helps. Is there a better way to do that?

mrdantownsend
10-16-2007, 09:29 PM
yes you could wrap it in the [code] tags

makes it much easier to read

Fang
10-16-2007, 09:35 PM
Correct the css:
#gallery {
width: 370px;
height: 566px;
position: relative;
border-width: 0px;
padding: 1px;
float: left;
overflow: hidden;
background-color: #FFFFFF;
z-index: 10;
/*text-spacing: 0px;*/
clear: left;
}

CFMaBiSmAd
10-16-2007, 09:36 PM
Putting your code inside
tags in the post will help make it readable.

You also need to validate your code. One page has 131 errors -
http://validator.w3.org/check?uri=http%3A%2F%2Fbluejacksurfaces.com%2Fdrivewaysviewer.html&charset=%28detect+automatically%29&doctype=Inline&group=0
and the other has 145 -
http://validator.w3.org/check?uri=http%3A%2F%2Fbluejacksurfaces.com%2Fpooldecksviewer.html&charset=%28detect+automatically%29&doctype=Inline&group=0

Correcting the validation errors will at least get you to a common starting point where each browser will come close to rendering the code the same way.

pito189
10-16-2007, 10:08 PM
Thanks for all of your help folks. Looks like I don't have to stay at work all night starring at code. I really appreciate the quick help.

I will get to work on validating all this in the morning. I am an intern and it has been handed down to me so I have some cleaning to do.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum