Ergebnis 1 bis 4 von 4

Thema: Safari Dropdownfehler

  1. #1
    Meister(in)
    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard Safari Dropdownfehler

    Hallo,

    ich habe unter http://poure.eu/ eine Seite mit einer Dropdownnavigation erstellt. Im Firefox 3 und im Internetexplorer 7 funktioniert sie wunderbar.
    Im Safari jedoch geht sie an den Seiten raus, weiß jemand Rat?

    Mfg

    Billbos
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Teeny
    Registriert seit
    10.10.2008
    Beiträge
    32
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Safari Dropdownfehler

    Zitat Zitat von Billbos Beitrag anzeigen
    Hallo,

    ich habe unter http://poure.eu/ eine Seite mit einer Dropdownnavigation erstellt. Im Firefox 3 und im Internetexplorer 7 funktioniert sie wunderbar.
    Im Safari jedoch geht sie an den Seiten raus, weiß jemand Rat?

    Mfg

    Billbos
    Du musst nach jedem Menüpunkt ein <p> setzen. Manche Browser nehmen es eben etwas genauer. Eigentlich ist es so wie es Safari macht richitg. Es ist nur ein Menü, die Richting davon ist aber nicht vorgeben <li> / </li> heißt nur das es Meünpunkte sind, die einfach nebeneinader liegen. <p> macht dagegen einen Absatz und sagt Dem Browser das er den nächsten Menüpunkt in eine neue Zeile nach dem vorherigen Menüpunkt erstellen soll.

    Hier ich habe es dir mal überall gemach brauchst den Code nur noch mit deinem zu ersetzen.

    HTML-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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Oswald von Nell-Breunig-Schule R&ouml;dermark</title>
    
    <link rel="stylesheet" type="text/css" href="http://poure.eu/css/layout.css" />
    <link rel="stylesheet" type="text/css" href="http://poure.eu/css/navigation.css" />
    
    <!-- Navigation-Top -->
    <script type="text/javascript">
    /* <![CDATA[ */
    startList = function() {
    if (document.all&&document.getElementById) {
    navRoot = document.getElementById("navigation");
    for (i=0; i<navRoot.childNodes.length; i++) {
    node = navRoot.childNodes[i];
    if (node.nodeName=="LI") {
    node.onmouseover=function() {
    this.className+=" over";
      }
      node.onmouseout=function() {
      this.className=this.className.replace(" over", "");
       }
       }
      }
     }
    }
    window.onload=startList;
    
    /* ]]> */
    </script>
    <!-- Navigation-Top -->
    
    
    </head>
    
    <body>
    
    <!-- ************************************************************* Wrapper ************************************************************ -->
    <div id="wrapper">
     <!-- ************************************************************* Header ************************************************************ -->
     <div id="header">
      <div class="logo"><a href="http://poure.eu/index.html"></a></div>
      <div class="banner"><img src="http://poure.eu/rohdatein/flash/platzhalter/platzhalter.png" width="600" height="150" alt="Nell-Breuning-Schule Platzhalter" /></div>
     </div>
      <!-- ********************************************************** Navigation - Top  *************************************************** -->
    
      <ul id="navigation">
       <li><a href="index.html">Home</a></li>
       <li>Nell-Breuning
          <ul>
    
             <li><a href="#">Namensgeber </a></li><p>
             <li><a href="#">Schule </a></li><p>
             <li><a href="#">Leistungen </a></li><p>
    
             <li><a href="#">Entwicklung </a></li><p>
          </ul>
       </li>
       <li>Men&uuml;punkt
          <ul>
    
             <li><a href="#">Unterpunkt </a></li><p>
             <li><a href="#">Unterpunkt </a></li><p>
    
             <li><a href="#">Unterpunkt </a></li><p>
             <li><a href="#">Unterpunkt </a></li><p>
          </ul>
       </li>
       <li>Men&uuml;punkt
          <ul>
    
             <li><a href="#">Unterpunkt </a></li><p>
    
             <li><a href="#">Unterpunkt </a></li><p>
             <li><a href="#">Unterpunkt </a></li><p>
             <li><a href="#">Unterpunkt </a></li><p>
          </ul>
       </li>
       <li>Men&uuml;punkt
          <ul>
    
             <li><a href="#">Unterpunkt </a></li><p>
             <li><a href="#">Unterpunkt </a></li><p>
             <li><a href="#">Unterpunkt </a></li><p>
             <li><a href="#">Unterpunkt </a></li><p>
          </ul>
       </li>
    
    </ul>
       <!-- ************************************************************* Navigation - Left *********************************************** -->
       <div id="navileft"></div>
        <!-- ************************************************************* Container ****************************************************** -->
        <div id="container"></div>
       <!-- ************************************************************* Footer ************************************************************ -->
       <div id="footer"></div>
      <!-- ********************************************************* Navigation - Bottom  *************************************************** -->
      <div id="navibottom"></div>
    
    </div>
    <!-- END Wrapper -->
    
    
    </body>
    </html>
    Geändert von HTML-GURU (10.10.2008 um 16:46 Uhr)

  3. #3
    Meister(in)
    Themenstarter

    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Safari Dropdownfehler

    Es wurde nicht mehr vertikal, sondern horizontal wiedergespeigelt, die Dropdownnavigation.
    Ich habe das Problem unbemerkt selber gelöst aber danke für deine Antwort!

  4. #4
    Teeny
    Registriert seit
    10.10.2008
    Beiträge
    32
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Safari Dropdownfehler

    Zitat Zitat von Billbos Beitrag anzeigen
    Es wurde nicht mehr vertikal, sondern horizontal wiedergespeigelt, die Dropdownnavigation.
    Ich habe das Problem unbemerkt selber gelöst aber danke für deine Antwort!
    Ich habe meine Antwort noch mal editiert jetzt müsste es bei dir klappen.
    Aber wenn du es bereits gemerkt hast, okay.

Ähnliche Themen

  1. Brauche safari tester
    Von GreenRover im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 27.06.2006, 00:41
  2. Darstellung - Safari?
    Von anfängerin im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 16.10.2005, 17:04
  3. suche CSS-Hack: Safari 1.x vs. Opera 8
    Von Torty im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 12
    Letzter Beitrag: 06.06.2005, 10:49
  4. Folgendes im Safari zum Laufen bringen...
    Von Romsl im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 06.04.2005, 10:30
  5. IE, Mzila & Safari (MAC) zg. page ok an, nur IE 5.2 nich
    Von Javadau im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 05.07.2004, 15:07

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •