I’ve noticed an issue with my splash html page not rendering correctly in Internet Explorer 6 specifically on the PC. It’s been tested on other browsers for mac/pc and works perfect. I think it may have something to do with the java written by Adobe Imageready. The background image will not show up at all in IE 6. Has anyone else had this problem or have any ideas (besides just rewriting the code)?
Source is attached:
<html>
<head>
<title>home</title>
<!– ImageReady Preload Script (raster_splasher2.psd) –>
<script type=”text/javascript”>
<!–
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
getflash_over = newImage(“images/getflash-over.png”);
getflash_down = newImage(“images/getflash-down.png”);
enter_over = newImage(“images/enter-over.png”);
enter_down = newImage(“images/enter-down.png”);
preloadFlag = true;
}
}
// –>
</script>
<!– End Preload Script –>
<style type=”text/css”>
<!–
body {
background-image: url(images/splash_bkrnd2.jpg);
background-color: #C6C6C6;
background-repeat: no-repeat;
}
–>
</style></head>
<body leftmargin=”0″ topmargin=”0″ marginwidth=”0″ marginheight=”0″ onLoad=”preloadImages();”>
<!– ImageReady Slices (raster_splasher2.psd) –>
<table id=”Table_01″ width=”1000″ height=”747″ border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td colspan=”3″>
<img src=”images/else.png” width=”1000″ height=”319″ alt=””></td>
</tr>
<tr>
<td colspan=”2″ rowspan=”2″>
<img src=”images/else-03.png” width=”795″ height=”232″ alt=””></td>
<td>
<a href=”_blank”
onmousedown=”changeImages(‘getflash’, ‘images/getflash-down.png’); return true;”
onmouseup=”changeImages(‘getflash’, ‘images/getflash-over.png’); return true;”
onmouseover=”changeImages(‘getflash’, ‘images/getflash-over.png’); return true;”
onmouseout=”changeImages(‘getflash’, ‘images/getflash.png’); return true;”>
<img name=”getflash” src=”images/getflash.png” width=”205″ height=”120″ border=”0″ alt=””></a></td>
</tr>
<tr>
<td>
<img src=”images/else-07.png” width=”205″ height=”112″ alt=””></td>
</tr>
<tr>
<td>
<img src=”images/else-08.png” width=”648″ height=”195″ alt=””></td>
<td colspan=”2″>
<a href=”home.html” target=”
onmousedown=”changeImages(‘enter’, ‘images/enter-down.png’); return true;”
onmouseup=”changeImages(‘enter’, ‘images/enter-over.png’); return true;”
onmouseover=”changeImages(‘enter’, ‘images/enter-over.png’); return true;”
onmouseout=”changeImages(‘enter’, ‘images/enter.png’); return true;”>
<img name=”enter” src=”images/enter.png” width=”352″ height=”195″ border=”0″ alt=””></a></td>
</tr>
<tr>
<td>
<img src=”images/spacer.gif” width=”648″ height=”1″ alt=””></td>
<td>
<img src=”images/spacer.gif” width=”147″ height=”1″ alt=””></td>
<td>
<img src=”images/spacer.gif” width=”205″ height=”1″ alt=””></td>
</tr>
</table>
<!– End ImageReady Slices –>
</body>
</html>