Hello,
I'm new to style sheets and have been fighting with browser
compatibility for two days. I'm developing a image selection page
(similar to Ebay where the visitor can select and enlarge 1-6
thumbnail pictures) that will possibly be displaying different sized
images within a table. The following code almost :) works correctly in
I.E. (I'd like the images centered in the table vertically and
horizontally) but does not work in Netscape 4.x. It seems that N4 does
not like the positioning within the table. There must be some tricks
to get this to work. Any ideas?? Also if you have any idea's with the
vertical and horizontal centering issue in I.E. that would be great.
Thanks, Chris
Code:
<html>
<head>
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW ||
innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
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 P7_ShowPic(a,b) { //v2.0 by PVII
var g,gg,d,dd,ic,im;if((g=MM_findObj(b))!=null){
if(!document.P7ShowPic){document.P7ShowPic=true;}e lse{
if((d=MM_findObj(document.P7SPlay))!=null){
dd=(document.layers)?d:d.style;dd.visibility="hidd en";}}
document.P7SPlay=b;gg=(document.layers)?g:g.style; im=b+"im";
if((ic=MM_findObj(im))!=null){ic.src=a;gg.visibili ty="visible";}}
}
//-->
</script>
</head>
<body>
<br />
<p align="center"><a href="#"
onclick="P7_ShowPic('1.jpg', 'P7ShowPL1');return false">dork</a> |
<a href="#"
onclick="P7_ShowPic('2.jpg', 'P7ShowPL2');return
false">dork1</a></p>
<table width="800" border="1" align="center">
<tr>
<td align="center" width="800">
<div style="position: relative; text-align:center;">
<div id="P7ShowPL1"
style="Z-INDEX: 1; VISIBILITY:hidden; position:absolute;
text-align:center;">
<img src="1.jpg" name="P7ShowPL1im" />
</div>
<div id="P7ShowPL2"
style="Z-INDEX: 1; VISIBILITY:hidden; position:absolute;
text-align:center;">
<img src="2.jpg" name="P7ShowPL2im" />
</div>
</div>
</td>
<td align="center"><img src="spacer.jpg" height="400"
width="1" /></td>
</tr>
</table>
</body>
</html>
