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="JavaS cript">
<!--
function MM_reloadPage(i nit) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if
((appName=="Net scape")&&(parse Int(appVersion) ==4)) {
document.MM_pgW =innerWidth; document.MM_pgH =innerHeight;
onresize=MM_rel oadPage; }}
else if (innerWidth!=do cument.MM_pgW ||
innerHeight!=do cument.MM_pgH) location.reload ();
}
MM_reloadPage(t rue);
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf ("?"))>0&&paren t.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.fo rms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.l ayers&&i<d.laye rs.length;i++)
x=MM_findObj(n, d.layers[i].document);
if(!x && d.getElementByI d) x=d.getElementB yId(n); return x;
}
function P7_ShowPic(a,b) { //v2.0 by PVII
var g,gg,d,dd,ic,im ;if((g=MM_findO bj(b))!=null){
if(!document.P7 ShowPic){docume nt.P7ShowPic=tr ue;}else{
if((d=MM_findOb j(document.P7SP lay))!=null){
dd=(document.la yers)?d:d.style ;dd.visibility= "hidden";}}
document.P7SPla y=b;gg=(documen t.layers)?g:g.s tyle;im=b+"im";
if((ic=MM_findO bj(im))!=null){ ic.src=a;gg.vis ibility="visibl e";}}
}
//-->
</script>
</head>
<body>
<br />
<p align="center"> <a href="#"
onclick="P7_Sho wPic('1.jpg', 'P7ShowPL1');re turn false">dork</a> |
<a href="#"
onclick="P7_Sho wPic('2.jpg', 'P7ShowPL2');re turn
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:hidd en; position:absolu te;
text-align:center;">
<img src="1.jpg" name="P7ShowPL1 im" />
</div>
<div id="P7ShowPL2"
style="Z-INDEX: 1; VISIBILITY:hidd en; position:absolu te;
text-align:center;">
<img src="2.jpg" name="P7ShowPL2 im" />
</div>
</div>
</td>
<td align="center"> <img src="spacer.jpg " height="400"
width="1" /></td>
</tr>
</table>
</body>
</html>
