moin!
kann mir jemand verraten, warum ich bei untem stehenden code, folgende seite
http://www.puridesign.com/neu/index2.php bei firefox vollkommen richtig und bei ie so gar nicht angezeigt bekomm ?!
danke schonmal, peil das echt nicht
kann mir jemand verraten, warum ich bei untem stehenden code, folgende seite
http://www.puridesign.com/neu/index2.php bei firefox vollkommen richtig und bei ie so gar nicht angezeigt bekomm ?!
danke schonmal, peil das echt nicht
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>index</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script language="javascript"> function switchlayer(Layer_Name) { var GECKO = document.getElementById? 1:0 ; var NS = document.layers? 1:0 ; var IE = document.all? 1:0 ; if (GECKO) {document.getElementById(Layer_Name).style.display= (document.getElementById(Layer_Name).style.display=='block') ? 'none' : 'block';} else if (NS) {document.layers[Layer_Name].display=(document.layers [Layer_Name].display== 'block') ? 'none' : 'block';} else if (IE) {document.all[Layer_Name].style.display=(document.all [Layer_Name].style.display== 'block') ? 'none' : 'block';} } </script> <!-- ImageReady Styles (index.psd) --> <style type="text/css"> <!-- ul { margin: 0; border:none; list-style: none; background-color: #CCCCCC; } ul li { float:left; position:relative; width:6em; list-style-position:outside; } ul li a { border-left:1pt solid #c7b19b; position:relative; float:left; font-family:"Arial Narrow"; width:7.3em; letter-spacing:2px; font-style: normal; font-weight: none; color: #663300; background-color: #cccccc; cursor: auto; text-decoration:none; height:22px; text-align:center; } ul li ul { display: none; } /* ul li li a { border:none; font-size:10pt; font-family:"Arial Narrow"; font-size:12px; letter-spacing:2px; font-style: normal; line-height: 1px; font-weight: none; color: #663300; text-align: left; background-color: #cccccc; cue:none; float:left; text-indent:none; margin: 0px; list-style-point: none; background:#cccccc; padding-bottom:0px; }*/ p{ font-family:"Arial Narrow"; font-size:14px; letter-spacing:2px; font-style: normal; font-weight: none; color: #663300 } div.Table_01 { position:absolute; width:970px; height:600px; } div.index-01_ { position:absolute; left:0px; top:0px; width:970px; height:44px; } div.index-02_ { position:absolute; left:0px; top:44px; width:65px; height:136px; } div.index-03_ { position:absolute; left:65px; top:44px; width:836px; height:280px; vertical-align:center; align: center; } div.index-04_ { position:absolute; left:901px; top:44px; width:69px; height:136px; } div.index-05_ { position:absolute; left:0px; top:180px; width:65px; height:346px; } div.index-06_ { position:absolute; left:65px; top:180px; width:836px; height:346px; } div.index-07_ { position:absolute; left:901px; top:180px; width:68px; height:346px; } div.index-08_ { position:absolute; left:969px; top:180px; width:1px; height:420px; } div.index-09_ { position:absolute; left:0px; top:526px; width:65px; height:73px; } div.index-10_ { position:absolute; left:65px; top:526px; width:835px; height:73px; } div.index-11_ { position:absolute; left:900px; top:526px; width:69px; height:73px; } div.index-12_ { position:absolute; left:0px; top:599px; width:969px; height:1px; } a { text-decoration:none; } /*.style1 {color: #4E7929}*/ </style> <!-- End ImageReady Styles --> </head> <body style="background-color:#CCCCCC;"> <span class="style1"></span> <!-- ImageReady Slices (index.psd) --> <div style=" width:1px; height:50%; background-color:#fc6; margin-bottom:-13.75em; /* half of container's height */ float:left; "> <div class="Table_01"> <div class="index-01_"> <div align="center"><img id="index_01" src="images/index_01.jpg" width="970" height="44" alt="" /> </div> </div> <div class="index-02_"> <div align="center"><img id="index_02" src="images/index_02.jpg" width="65" height="136" alt="" /> </div> </div> <div class="index-03_" align=center> <div align="center"> <table width="836" cellpadding="0" cellspacing="0"> <tr valign="baseline"> <td valign="baseline" width="210"> <img src="images/puri_logo.png" alt="puri|design" longdesc="images/puri_logo.jpg" /></td><td valign="top" align="right"><table colspan=6 cellspacing=0 cellpadding=0> <tr height=20 border=1><td eight="31"> </td></tr><tr><td width=626> <style type="text/css"> ul li a{ font-size:13px; } </style> <ul> <li><a href="?action=home" onclick="javascript:blur();"style="border-left:none;">Home</a></li> <li><a href="?action=about" onclick="javascript:blur();">über uns</a></li> <li><a href="?action=collection" onclick='javascript:this.blur()'>Kollektion</a> <style type=text/css> #unter{ font-size:11px; line-height:3pt; border:none; text-align:left; height:10pt; padding-left:9px; } </style> <? if ($action=="collection"){ echo "<p id=unter><a href=?action=collection&unter=impressionen id=unter>impressionen</a><br><a href=?action=collection&unter=moebel id=unter>möbel</a><br><a href=?action=collection&unter=beleuchtung id=unter>beleuchtung</a><br><a href=?action=collection&unter=objekte id=unter>objekte</a><br><a href=?action=collection&unter=vasen id=unter>vasen</a><a href=?action=collection&unter=accessoires id=unter>home-accessoires</a></p></li>"; //echo "<ul style='padding-left:16px;'><li><a href='?action=collection&link=1'>Impressionen</a></li><li><a href=# >Beleuchtung</a></li><li><a href=# >Vasen</a></li><li><a href=# >Objekte</a></li><li><a href=# >Möbel</a></li><li><a href=# >Home-Accessoires</a></li></ul></li>"; } ?> <li ><a href="?action=shop" onclick="javascript:blur();">Shop</a></li> <li><a href="?action=kontakt" onclick="javascript:blur(); switchlayer('porsche');return false;">Kontakt</a> <ul id="porsche" style="padding-left:24px;"> <li><a href="#" onclick="javascript:this.blur()">Anfahrt</a></li> <li><a href="#" onclick="javascript:this.blur()">Kontakt</a></li> <li><a href="#" onclick="javascript:this.blur()">Impressum</a></li> </ul> </li> <li><a href="?action=press" onclick="javascript:blur();>bla</a></li> </ul></td></tr></table> </td> </tr> </table> </div> </div> <div class="index-04_"> <div align="center"><img id="index_04" src="images/index_04.jpg" width="69" height="136" alt="" /> </div> </div> <div class="index-05_"> <div align="center"><img id="index_05" src="images/index_05.jpg" width="65" height="346" alt="" /> </div> </div> <div class="index-06_" style="background-color:#663300;background-image:url(bg.png);"> <div align="center"> <? if ((!$action)||($action=="home")){ echo "hallo"; } if ($action=="about"){ echo "hallo"; } if ($action=="collection"){ echo "<div style='position:absolute; height:245px; width: 835px; top: 0px; left:0px;'><table align=center><tr><td align=center>"; $_GET['linkl']; echo "<img src=".$linkl." border='0' align='center'>"; echo "</td></tr></table></div><div style='height:100px; width: 835px; position:absolute; top:245px;left:0px; overflow:none;><table width='100%'><tr>"; $d = dir($unter); while($entry=$d->read()) { $link=$unter."/".$entry; echo "<td style='width:100px;valign='middle' border='1'><a href='".$_SERVER['PHP_SELF']."?action=collection&unter=".$unter."&linkl=".$link."'> <img src='".$unter."/".$entry."' style='border:none; width:90px; height:80px;'></a></td>"; } $d->close(); echo "</tr></table></div>"; } ?> </div> </div> <div class="index-07_"> <div align="center"><img id="index_07" src="images/index_07.jpg" width="68" height="346" alt="" /> </div> </div> <div class="index-08_"> <img id="index_08" src="images/index_08.jpg" width="1" height="420" alt="" /> </div> <div class="index-09_"> <div align="center"><img id="index_09" src="images/index_09.jpg" width="65" height="73" alt="" /> </div> </div> <div class="index-10_"> <div align="center"><img id="index_10" src="images/index_10.jpg" width="835" height="73" alt="" /> </div> </div> <div class="index-11_"> <div align="center"><img id="index_11" src="images/index_11.jpg" width="69" height="73" alt="" /> </div> </div> <div class="index-12_"> <img id="index_12" src="images/index_12.jpg" width="969" height="1" alt="" /> </div> </div> </div> <!-- End ImageReady Slices --> </body> </html>
Kommentar