Firefox vs IE, ich peils nich :(

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Firefox vs IE, ich peils nich :(

    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

    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">&nbsp;</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();">&uuml;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&ouml;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>
    Zuletzt geändert von der_imperator; 03.03.2008, 18:54.

  • #2
    CODE UMBRECHEN!!!!!
    was sagt der ie?
    bei onclick etc events brauchst kein javascriptprotokoll davor..

    und nochwas
    ie kann getElementById
    das heißt beim ie is auch gecko true
    ergo blendet ers erst ein und dann aus (falls des überhaupt funktioniert)


    edit: bei meinem letzen absatz (wegeditiert (nicht mehr sichtbar))habsch mich vertan
    alles was oben steht bitte beachten
    Zuletzt geändert von RanzigeMilch; 03.03.2008, 18:26.
    Die Milch bleibt ranzig!

    Kommentar


    • #3
      so, umgebrochen. es is weniger, dass er die js sachen nich macht. die komplette seite wird in ie nich so angezeigt wie sie ma war

      Kommentar


      • #4
        Reduziere deinen Code doch bitte auf relevante Teile! Was relevant ist, findest du durch entfernen entsprechender Scriptabschnitte heraus. Es wird sich keiner deine Seiten an Code durchlesen!

        Kommentar


        • #5
          Es wird sich keiner deine Seiten an Code durchlesen!
          doch ich. und habe auf den ersten blick den fehler gefunden. schau dir die zeile mal genau an und informiere dich über den korrekten gebrauch von anführungszeichen und hochkommata:
          PHP-Code:
          onclick="javascript:blur();var link="http://localhost/webroot/puridesign%20projekt/puridesign/neu/puridesign_2/galerie.php?test=1"> 
          gruß
          peter
          Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
          Meine Seite

          Kommentar

          Lädt...
          X