CSS & Javascript Navigation - Problem mit IE

Einklappen
X
Einklappen
 
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige template Weiter
  • #1

    CSS & Javascript Navigation - Problem mit IE

    Guten Tag!
    Habe da ein Script vom internet gefunden und jetzt würde ich gerne das script in meine Seite einbauen. Das funktioniert auch mit Firefox, da sieht alles so aus wie es sollte. Nur der Internet Explorer zeigt was ganz anderes, und ich habe keine Ahnung wieso. Kann mir da mal jemand helfen?

    Habe ein Bild angehängt mit dem vergleich.

    Vielen Dank. Gruss
    Angehängte Dateien
    Stichworte: -
  • #2
    Schönes Bild. Was erwartest Du jetzt als Antwort?
    Die Zeit hat ihre Kinder längst gefressen

    Kommentar

    • #3
      Quellcode bitte...

      Gruss

      tobi
      Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

      [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
      Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

      Kommentar

      • #4
        sry habe ich total vergessen :S...



        PHP-Code:
        <html>
        <head>
        <title>natipage</title>
        <link rel="stylesheet" title="Screen" type="text/css" media="all" href="style.css">
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
         <style type="text/css">
         <!--
         #main {
           margin-left: 9em;
        }
        #menu {
           position: absolute;
           left: 100;
           margin: 0;
           padding: 1ex;
        }
        #menu  a {
           display: block;
           padding-left: 1em;
        }
        #menu ul{
           margin-left: 0;
           padding-left: 1em;
        }
        #menu li ul {
           padding: 0;
           margin:  0;
        }
        #menu li {
           cursor: pointer;
           list-style-type: none;
           padding: 0;
           text-decoration: underline;
           display: block;
           border: solid 0px black;
        } 
         //-->
         </style>
         <script type="text/javascript">
         <!--
          function hideSub( ) {
           if (!document.getElementsByTagName)
              return;
           var mnu = document.getElementById("menu");
           var toplis = mnu.getElementsByTagName("li");  
           for (it = 0; it < toplis.length; it++) { /* each top li */
              var sublis = toplis[it].getElementsByTagName("li"); 
              for (is = 0; is < sublis.length; is++)  { /* each sub li */
                 if (sublis[is].style)
                    if (toplis[it].className == 'show') 
                       sublis[is].style.display = 'block';
                    else
                       sublis[is].style.display = 'none';
              }
           }
        }
        function mShow(Me)
        {
           if (!Me.getElementsByTagName)
              return;
           var mylis = Me.getElementsByTagName("li");
           if (!mylis)
              return;
           for (j = 0; j < mylis.length; j++) {
              if (mylis[j].style.display == 'block')
                 mylis[j].style.display = 'none';
              else
                 mylis[j].style.display = 'block';
           }
        }
         //-->
         </script>
        </head>
        <body bgcolor="#ba0101" text="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="hideSub();">
        <div align="center">
          <center>
        <table id="Tabelle_01" width="800" height="684" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
            <tr>
                <td>
                    <img src="Bilder/index_01.gif" width="105" height="72" alt=""></td>
                <td>
                    <img src="Bilder/index_02.gif" width="13" height="72" alt=""></td>
                <td>
                    <img src="Bilder/index_03.gif" width="26" height="72" alt=""></td>
                <td>
                    <img src="Bilder/index_04.gif" width="266" height="72" alt=""></td>
        ....
                <td>
                    <img src="Bilder/index_34.gif" width="271" height="11" alt=""></td>
                <td>
                    <img src="Bilder/index_35.gif" width="14" height="11" alt=""></td>
                <td>
                    <img src="Bilder/index_36.gif" width="105" height="11" alt=""></td>
            </tr>
            <tr>
                <td bgcolor="#870303">
                    &nbsp;</td>
                <td width="13" height="24" background="Bilder/index_38.gif">
                    &nbsp;</td>
                <td>



                    <img src="Bilder/index_39.gif" width="26" height="24" alt=""><ul id="menu">
           <li class="show" onclick="mShow(this);">Team
              <ul>
                 <li style="display: none;"><a href="index.php?show=team&site=termine">Termine A-Team</a></li>
                 <li style="display: none;"><a href="index.php?show=team&site=statistik">Statistik</a></li>
                 <li style="display: none;"><a href="index.php?show=team&site=portrait">Portrait</a></li>
                 <li style="display: none;"><a href="index.php?show=team&site=archiv">Archiv A-Team</a></li>
                 <li style="display: none;"><a href="index.php?show=team&site=aufgebot">A-Team Aufgebot</a></li>
              </ul>
           </li>
           <li onclick="mShow(this);">Options 2
              <ul>
                 <li style="display: none;"><a href="#">Item 2</a></li>
                 <li style="display: none;"><a href="#">Item 2</a></li>
                 <li style="display: none;"><a href="#">Item 2</a></li>
                 <li style="display: none;"><a href="#">Item 2</a></li>
              </ul>
           </li>
           <li onclick="mShow(this);">Options 3
              <ul>
                 <li style="display: none;"><a href="#">Item 3</a></li>
                 <li style="display: none;"><a href="#">Item 3</a></li>
                 <li style="display: none;"><a href="#">Item 3</a></li>
              </ul>
           </li>
           <li onclick="mShow(this);">Options 4
              <ul>
                 <li style="display: none;"><a href="#">Item 4</a></li>
                 <li style="display: none;"><a href="#">Item 4</a></li>
                 <li style="display: none;"><a href="#">Item 4</a></li>
                 <li style="display: none;"><a href="#">Item 4</a></li>
                 <li style="display: none;"><a href="#">Item 4</a></li>
              </ul>
           </li>
           <li onclick="mShow(this);">Options 5
              <ul>
                 <li style="display: none;"><a href="http://google.com/">Item 5</a></li>
                 <li style="display: none;"><a href="#&4">Item 5</a></li>
                 <li style="display: none;"><a href="#&4">Item 5</a></li>
                 <li style="display: none;"><a href="#&4">Item 5</a></li>
              </ul>
           </li>
        </ul></td>
                <td colspan="2" rowspan="2" width="537" height="497" valign="top">
        <?

        if($site=="termine")
        {
        echo "Termine 2006";
        }
        ?>
        </td>
                <td background="Bilder/index_41.gif">
                    </td>
                <td rowspan="2" valign="top" bgcolor="#870303">
                    <img src="Bilder/index_42.gif" width="105" height="497" alt=""></td>
            </tr>...

        Kommentar

        Vorherige template Weiter
        Lädt...
        X