Firefox vs IE, ich peils nich :(

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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>
    Last edited by der_imperator; 03-03-2008, 17: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
    Last edited by RanzigeMilch; 03-03-2008, 17:26.
    Die Milch bleibt ranzig!

    Comment


    • #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

      Comment


      • #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!

        Comment


        • #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

          Comment

          Working...
          X