• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

(Mal wieder) Lightbox 2 Problem

Status
Für weitere Antworten geschlossen.
L

Ludi

Neues Mitglied
Hallo an alle,
hoffe ihr könnt mir mit meinem LB2 Problem helfen.
Ich habe die LB 2 in die Site eingebunden. Problem: im IE7 funzt es super,
im Firefox wird die LB unterhalb der Website angezeigt (???). Ich Vermute das es am CSSCode liegt, der die Tabelle mittig im Browser ausrichten soll. Wer kann mir einen Tip geben...

Vielen dank sagt L.

Code:

<head>
<title>Elisabeth Hart - Schauspielerin</title>
<meta http-equiv="Content-Type" webhosting24 - Login="text/html; charset=iso-8859-1">
<style type="text/css">
html {display: table; height: 100%; width: 100%;}
body {display: table-cell; height: 100%; vertical-align: middle; }
body * {margin: auto; max-width: 100%; }
p { margin-top: 1em;}
</style>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<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)&&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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
body {background-color: #CCCCCC;}
-->
</style></head>
<body onLoad="MM_preloadImages('images/theater_o.gif','images/film_o.gif','images/vita_o.gif','images/demo_o.gif','images/kontakt_o.gif','images/impress_o.gif','images/links_o.gif','images/home_o.gif');initLightbox()">
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#CCCCCC"><table width="800" height="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="36" colspan="3" bgcolor="#BEB5B4">&nbsp;</td>
</tr>
<tr align="left">
<td height="22" colspan="3" bgcolor="#BEB5B4"><img src="http://www.html.de/images/colorpix.gif" width="61" height="21"><a href="index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Hoem','','images/home_o.gif',1)"><img src="http://www.html.de/images/home.gif" alt="index.htm" name="Hoem" width="51" height="22" border="0"></a><img src="http://www.html.de/images/fotos_d.gif" width="56" height="22"><a href="theater.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Theater','','images/theater_o.gif',1)"><img src="http://www.html.de/images/theater.gif" alt="Theater" name="Theater" width="74" height="22" border="0"></a><a href="film.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Film','','images/film_o.gif',1)"><img src="http://www.html.de/images/film.gif" alt="Film" name="Film" width="47" height="22" border="0"></a><a href="vita.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Vita','','images/vita_o.gif',1)"><img src="http://www.html.de/images/vita.gif" alt="Vita" name="Vita" width="52" height="22" border="0"></a><a href="demo.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Demo','','images/demo_o.gif',1)"><img src="http://www.html.de/images/demo.gif" alt="Demo" name="Demo" width="49" height="22" border="0"></a></td>
</tr>
<tr>
<td height="21" colspan="3" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td width="170" bgcolor="#FFFFFF"><img src="http://www.html.de/images/ehartsp_2.gif" width="170" height="375"></td>
<td width="583" bgcolor="#FFFFFF"><table width="100%" height="375" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td height="144" align="left"><a href="http://www.html.de/images/foto1.jpg" rel="lightbox"><img src="http://www.html.de/images/foto1_prew.jpg" width="95" height="144" border="0"></a><img src="http://www.html.de/images/whitepix.gif" width="54" height="144"><a href="http://www.html.de/images/foto2.jpg" rel="lightbox"><img src="http://www.html.de/images/foto2_prew.jpg" width="92" height="144" border="0"></a><img src="http://www.html.de/images/whitepix.gif" width="54" height="144"><a href="http://www.html.de/images/foto3.jpg" rel="lightbox"><img src="http://www.html.de/images/foto3_prew.jpg" width="92" height="144" border="0"><a/><img src="http://www.html.de/images/whitepix.gif" width="54" height="144"><a href="http://www.html.de/images/foto4.jpg" rel="lightbox"><img src="http://www.html.de/images/foto4_prew.jpg" width="94" height="144" border="0"><a/></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td height="144" align="left"><img src="http://www.html.de/images/whitepix.gif" width="75" height="144"><a href="http://www.html.de/images/foto5.jpg" rel="lightbox"><img src="http://www.html.de/images/foto5_prew.jpg" width="93" height="144" border="0"><a/><img src="http://www.html.de/images/whitepix.gif" width="54" height="144"><a href="http://www.html.de/images/foto6.jpg" rel="lightbox"><img src="http://www.html.de/images/foto6_prew.jpg" width="94" height="144" border="0"><a/><img src="http://www.html.de/images/whitepix.gif" width="54" height="144"><a href="http://www.html.de/images/foto7.jpg" rel="lightbox"><img src="http://www.html.de/images/foto7_prew.jpg" width="94" height="144" border="0"><a/></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
<td width="47" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td height="20" colspan="3" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td height="26" colspan="3" bgcolor="#BEB5B4"><img src="http://www.html.de/images/colorpix.gif" width="489" height="26"><a href="kontakt.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Kontakt','','images/kontakt_o.gif',1)"><img src="http://www.html.de/images/kontakt.gif" alt="Kontakt" name="Kontakt" width="77" height="26" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Impressum','','images/impress_o.gif',1)"><img src="http://www.html.de/images/impress.gif" alt="Impressum" name="Impressum" width="85" height="26" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Links','','images/links_o.gif',1)"><img src="http://www.html.de/images/links.gif" alt="Links" name="Links" width="50" height="26" border="0"></a></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben