✔ Probleme in IE und Opera

xQp · 23. Juni 2009

Hi,

ich hoff einer von euch kann mir helfen.

Meine Page wird unter IE und Opera einfach nicht angezeigt wie es soll.

Zuerst dachte ich, es liegt an der neuen Navigation, das konnte ich nun aber ausschließen.

Hats and Heads
Das der link, könnt es euch ja mal im Firefox ( 3.0.1 hab ich da gehts )
und im IE anschauen.

Ich hab echt ka an was es liegt evtl weiß es einer von euch.

Danke schonmal.

is folgender Code:

Code:

<?php
include("_mysql.php");
include("_settings.php");
include("_functions.php");
include("_ipban.php");
include("_sqlpro.php");
include("_referer.php"); 
?>

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Head & Title include -->
<title>Hats and Heads</title>
<link href="_stylesheet.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<script src="js/bbcode.js" language="JScript" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="ddaccordion.js">

/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>


<script type="text/javascript">


ddaccordion.init({
	headerclass: "expandable", //Shared CSS class name of headers group that are expandable
	contentclass: "categoryitems", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})


</script>

<style type="text/css">
<!--

.arrowlistmenu{
width: 150px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}


body {
	background-color: #000000;
	background-image: url(bg.png);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
}

.footerrr {
color: #000000;
font-weight: bold;
}

.Stil233 {
background-color:#FFFFFF;
color:#FFFFFF}
</style></head>

<body>

<table width="850" background="contentbg.png" align="center" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="850" height="230" valign="top"><img src="head.png" width="850" height="230"></td>
  </tr>
  <tr>
    <td height="600" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="160" height="585" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
          <!--DWLayoutTable-->
          <tr>
            <td width="4" height="218" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
                <td width="150" valign="top">
                  <div class="arrowlistmenu">
                      
                    <h3 align="center" class="menuheader expandable">Home</h3>
          <ul class="categoryitems">
            <li><a href="index.php?site=news">News</a></li>
          <li><a href="index.php?site=news&action=archive">Newsarchiv</a></li>
          <li><a href="index.php?site=articles">Artikel</a></li>
          <li><a href="index.php?site=squads">Das Team</a></li>
          <li><a href="index.php?site=about">&Uuml;ber uns</a></li>
          </ul>
          <h3 align="center" class="menuheader expandable">Community</h3>
          <ul class="categoryitems">
            <li><a href="index.php?site=forum">Forum</a></li>
          <li><a href="index.php?site=guestbook">G&auml;stebuch</a></li>
          <li><a href="index.php?site=gallery">Gallerie</a></li>
          <li><a href="index.php?site=calendar">Kalender</a></li>
          <li><a href="index.php?site=registered_users">User</a></li>
          <li><a href="index.php?site=whoisonline">Wer ist online?</a></li>
          </ul>
          
<h3 align="center" class="menuheader expandable">Bands</h3>
          <ul class="categoryitems">
            <li><a href="index.php?site=inarbeit">Basement 06</a></li>
          <li><a href="index.php?site=inarbeit">My Hero Failed</a></li>
          </ul>
          
<h3 align="center" class="menuheader" style="cursor: default">Kontakt</h3>
          <ul>
            <li><a href="index.php?site=contact" >Kontakt</a></li>
          <li><a href="index.php?site=imprint">Impressum</a></li>
          </ul>
          </div>            </td>
                <td width="6">&nbsp;</td>
              </tr>
          </table></td>
          <td width="9">&nbsp;</td>
          <td width="512" rowspan="2" valign="top"><br />
            <?php
		if(!isset($site)) $site="news";
		$invalide = array('\\','/','/\/',':','.','<','>',';','[',']','(',')','+');
		$site = str_replace($invalide,' ',$site);
		if(!file_exists($site.".php")){ echo'<h2>Error 404</h2><br>Die von Ihnen angeforderte Datei namens <b>'.$site.'.php</b> ist nicht vorhanden.';
		redirect("index.php?site=news",'',3);
		}
		elseif($acc[$site]>$useracc){
		echo'<h2>Error 403</h2><br>Sie haben nicht die Berechtigung diese Page zu sehen.';
		}
		else include($site.".php");
		?></td>
          <td width="9">&nbsp;</td>
          <td width="160" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr>
                <td width="6" height="292" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
                <td width="150" valign="top">
                  <div class="arrowlistmenu">
                      
                    <h3 align="center" class="menuheader" style="cursor: default">Login</h3>
              
               
                  <div align="right"><span><? include("login.php"); ?></span></div>
           
           
              <h3 align="center" class="menuheader expandable">Suche</h3>
              <ul class="categoryitems">
                <li>
                  <div>
                    <div align="right">
                      <? include("quicksearch.php"); ?>
                      </div>
              </div>
              </li>
              </ul>
              
<h3 align="center" class="menuheader expandable">Shop</h3>
              <ul class="categoryitems">
                <li><a href="http://hatsandheads.spreadshirt.net/de/DE/Shop" target="_blank" >Shop</a></li>
              <li></li>
              <li></li>
              </ul>
              
<h3 align="center" class="menuheader" style="cursor: default">Counter</h3>
                  <div align="right"><span class="Stil233"><? include("counter.php"); ?><br />
                    <? include("isonline.php"); ?>
                    </span> </div>
              
              </div>              </td>
                <td width="4" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
              </tr>
              <tr>
                <td height="293"></td>
                <td></td>
                <td></td>
              </tr>
              
          </table></td>
        </tr>
      
      <tr>
        <td height="15"></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
      
      
      
      
      
      
      
      
      
      
    </table></td>
  </tr>
  <tr>
    <td height="13"></td>
  </tr>
  
  
  <tr>
    <td height="19" valign="top" background="footer.png"><div align="center" class="footerrr">Impressum || Kontakt</div></td>
  </tr>
</table>
</body>
</html>

Maik · 23. Juni 2009

Hi,

vielleicht solltest du zunächst mal für einen validen HTML-Code sorgen, denn 256 Fehlermeldungen von seitens des w3c-Validators birgen ein hohes Potential für Fehldarstellungen in den unterschiedlichen Browsern.

Siehe [Invalid] Markup Validation of http://hatsandheads.de/ - W3C Markup Validator.

Wenn die Fehler bereinigt sind, und die Probleme im IE und Opera weiterhin existieren, kann man sich gezielter dem Code zuwenden.

mfg Maik

xQp · 23. Juni 2009

hmm
des blöd :/
muss ich wohl nochmal komplett neu aufrollen die index ^^

aber danke schonmal vllt find ich ja da den fehler

just-click · 23. Juni 2009

Wie auch schonmal im anderen Thread geschrieben, solltest du dein Layout aus den Tabellen werfen und in DIVs packen. Das erleichtert das Leben ungemein

Maik · 23. Juni 2009

Hier fehlt am Ende des Stylesheets das schließende Pendant zu "<!--", was dir IE und Opera (zu recht) übel nehmen ;-)

Code:

<style type="text/css">
<!--

.arrowlistmenu{
width: 150px; /*width of accordion menu*/
}

    ...

.Stil233 {
background-color:#FFFFFF;
color:#FFFFFF}
-->
</style>

Übrigens wird beim Includen kein vollständiges HTML-Gerüst in das Hauptdokument geladen, sondern ausschließlich das, was sich da im Dokumentkörper (<body> ... </body>) befindet.

Alle weiteren Markup-Fehler entnimmst du bitte meinem obigen Link.

mfg Maik

xQp · 23. Juni 2009

Danke jungs habs hinbekommen

habs auch mal mit divs versucht
aber da kenn ich mich noch ned so gut aus

danke jedenfalls

mfg

✔ Probleme in IE und Opera

xQp

Grünschnabel

Maik

xQp

Grünschnabel

just-click

Erfahrenes Mitglied

Maik

xQp

Grünschnabel

Neue Beiträge