Hallo alle miteinander,
bin neu hier und auch noch Anfänger und 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 CSS Code liegt, der die Tabelle mittig ausrichten soll. Wer kann mir einen Tip geben...
Vielen dank sagt L.
Code:
<head>
<title>Elisabeth Hart - Schauspielerin</title>
<meta http-equiv="Content-Type" content="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[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>
<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"> </td>
</tr>
<tr align="left">
<td height="22" colspan="3" bgcolor="#BEB5B4"><img src="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="images/home.gif" alt="index.htm" name="Hoem" width="51" height="22" border="0"></a><img src="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="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="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="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="images/demo.gif" alt="Demo" name="Demo" width="49" height="22" border="0"></a></td>
</tr>
<tr>
<td height="21" colspan="3" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td width="170" bgcolor="#FFFFFF"><img src="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> </td>
</tr>
<tr>
<td height="144" align="left"><a href="images/foto1.jpg" rel="lightbox"><img src="images/foto1_prew.jpg" width="95" height="144" border="0"></a><img src="images/whitepix.gif" width="54" height="144"><a href="images/foto2.jpg" rel="lightbox"><img src="images/foto2_prew.jpg" width="92" height="144" border="0"></a><img src="images/whitepix.gif" width="54" height="144"><a href="images/foto3.jpg" rel="lightbox"><img src="images/foto3_prew.jpg" width="92" height="144" border="0"><a/><img src="images/whitepix.gif" width="54" height="144"><a href="images/foto4.jpg" rel="lightbox"><img src="images/foto4_prew.jpg" width="94" height="144" border="0"><a/></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td height="144" align="left"><img src="images/whitepix.gif" width="75" height="144"><a href="images/foto5.jpg" rel="lightbox"><img src="images/foto5_prew.jpg" width="93" height="144" border="0"><a/><img src="images/whitepix.gif" width="54" height="144"><a href="images/foto6.jpg" rel="lightbox"><img src="images/foto6_prew.jpg" width="94" height="144" border="0"><a/><img src="images/whitepix.gif" width="54" height="144"><a href="images/foto7.jpg" rel="lightbox"><img src="images/foto7_prew.jpg" width="94" height="144" border="0"><a/></td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="47" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td height="20" colspan="3" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td height="26" colspan="3" bgcolor="#BEB5B4"><img src="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="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="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="images/links.gif" alt="Links" name="Links" width="50" height="26" border="0"></a></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>