Ergebnis 1 bis 4 von 4

Thema: Safari Problem

  1. #1
    HTML Newbie
    Registriert seit
    06.08.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Safari Problem

    Hallo,

    Ich habe ein kleines Problem mit dem Safari (alle anderen üblichen Browser, Firefox, IE, Opera und Chrome funktionieren wie gewünscht). Es geht um ein Pullup-Menü, das wie folgt aussieht:

    <div style="float:inherit; margin:0px; position:fixed; margin-top:180px; z-index:100;"><div id="sgmenu"><jdoc:include type="modules" name="menuload" /></div></div>
    <div style="float:inherit; height:100px; margin:0px;"><jdoc:include type="modules" name="seitenbilder"/></div>
    <div style="float:inherit; height:100px; margin:0px;"><jdoc:include type="modules" name="seitenbilder_dunkel"/></div>
    <div style="float:inherit; margin-left:70px; margin-top:-70px; color:#000; position:absolute; font-size:12px;" class="submenu"><jdoc:include type="modules" name="submenu" /></div>

    Im CSS wird dann für die Untermenüs definiert:

    #sgmenu ul.menu li a.kind {
    margin-top: -50px;
    left:-105px;
    border-right-style:none;
    z-index:100;
    }

    Bei allen Browsern ausser dem Safari ist das Pullup sichtbar, bei Safari ist es zwar da, man kann den Link klicken, aber man sieht nix. Ich dachte, es könnte was mit z-index-Problem sein, deshalb hat das DIV mit dem Menü auch ein z-index bekommen. Leider nicht geholfen :/

    Kann mir jemand einen entsprechenden Schubs in die richtige Richtung geben?

    Ich danke herzlich.

    Juvia
    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
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Safari Problem

    Das ist offenbar Template-Code. Wenn wir dein Problem wirklich beurteilen und dir helfen sollen wäre der von deinem CMS erzeugte HTML-Code relevant - nicht dieser hier. Und setze die Quellcodes bitte in Code-Tags, dann sieht es etwas übersichtlicher aus.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    06.08.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Safari Problem

    Hallo,

    Hier der Link zu der Seite:

    http://www.intellihouse.ch/s/index.p...stung/beratung

    Unter Bedienung das Pullup und unter Kontakt als Pulldown (ich wollte testen, ob die gleiche Mechanik ohne speziellen CSS Eintrag überhaupt in Safari dargestellt wird).

    Hier der Codeschnipsel zur Seite, die wohl das Debakel auslöst:

    Code:
    <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="Rahmen-ganz">   
    <tr>     
    <td colspan="5" valign="top">    
     <div style="float:inherit; margin:0px; position:fixed; margin-top:180px; z-index:100;">
    <div id="sgmenu">  <ul class="menu">  <li id="item-464"><a href="/s/index.php/de/" ><span>Home</span></a></li>
    <li id="item-470" class="active parent"><a href="/s/index.php/de/marktleistung" ><span>Marktleistung</span></a>
    <ul><li id="item-471"><a class="kind" href="/s/index.php/de/marktleistung/realisierung" ><span>Realisierung</span></a></li>
    <li id="item-472"><a class="kind2" href="/s/index.php/de/marktleistung/planung" ><span>Planung</span></a></li>
    <li id="item-473" class="current active"><a class="kind3" href="/s/index.php/de/marktleistung/beratung" ><span>Beratung</span></a></li></ul>
    </li><li id="item-474" class="parent"><a href="/s/index.php/de/bedienung" ><span>Bedienung</span></a>
    <ul><li id="item-475"><a class="kind" href="/s/index.php/de/bedienung/unterhaltung" ><span>Unterhaltung</span></a></li>
    <li id="item-476"><a class="kind2" href="/s/index.php/de/bedienung/komfort" ><span>Komfort</span></a></li>
    <li id="item-477"><a class="kind3" href="/s/index.php/de/bedienung/sicherheit" ><span>Sicherheit</span></a></li>
    <li id="item-516"><a class="kind4" href="/s/index.php/de/bedienung/netzwerk" ><span>Netzwerk</span></a></li></ul></li>
    <li id="item-534" class="parent"><a href="/s/index.php/de/multimedia" ><span>Multimedia</span></a>
    <ul><li id="item-538"><a class="kind" href="/s/index.php/de/multimedia/links" ><span>Links</span></a></li></ul></li>
    <li id="item-478"><a href="/s/index.php/de/unternehmen" ><span>Unternehmen</span></a></li>
    <li id="item-479" class="parent"><a href="/s/index.php/de/kontakt-2" ><span>Kontakt</span></a>
    <ul><li id="item-542"><a href="/s/index.php/de/kontakt-2/test" ><span>test</span></a></li></ul></li></ul></div></div>         
     <div style="float:inherit; height:100px; margin:0px;">  <div class="custom"  >     <p><img alt="Beratung 1" src="/s/images/seitenbilder/Beratung_1.gif" height="120" width="1000" /></p></div> </div>     
    <div style="float:inherit; height:100px; margin:0px;">  <div class="custom"  >     <p><img alt="Beratung 2 " src="/s/images/seitenbilder/Beratung_2_.gif" height="100" width="1000" /></p></div> </div>     
    <div style="float:inherit; margin-left:70px; margin-top:-70px; color:#000; position:absolute; font-size:12px;" class="submenu"></div>               </td>   </tr>
    Die betreffenden Styles für die "Kinder":

    Code:
    #sgmenu ul.menu li a.kind {
    margin-top : -50px;
    left : -105px;
    border-right-style : none;
    } 
    
    #sgmenu ul.menu li a.kind2 {
        margin-top: -65px;
        left:-105px;
        border-right-style:none;
    }
    
    #sgmenu ul.menu li a.kind3 {
        margin-top: -80px;
        left:-105px;
        border-right-style:none;
    }
    
    #sgmenu ul.menu li a.kind4 {
        margin-top: -95px;
        left:-105px;
        border-right-style:none;
    }
    Ich habe für Untermenü 1-4 explizit die Positionierung angegeben.

    Wie erwähnt, diese Definitionen funktionieren auf IE, FF, Opera, Chrome; nur Safari (Windows-Version MAC hab ich nicht) hat ein Problem damit. Das Pullup ist da, man kann es auch klicken, nur die Schrift erscheint nicht. Das zusätzliche setzen von color: hilft nicht (zumal dies schon in

    Code:
    #sgmenu ul.menu li a, #sgmenu ul.menu li a:link, #sgmenu ul.menu li a:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: lighter;
        font-variant: normal;
        text-transform: none;
        color: #FFFFFF;
        text-decoration: none;
        cursor: pointer;
        float: left;
        font-weight: normal;
        height: 20px;
        padding: 0 10px;
        text-decoration: none;
        display:inline-block;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #FFF;
    }
    definiert wird und für die Hauptmenüzeile auch in Safari funktioniert.

    Für einen entsprechenden Denkanstoss wäre ich dankbar.

    Juvia

  4. #4
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Safari Problem

    Hab leider keinen Safari hier um das auch mal zu sehen was dort passiert. Auf den ersten Blick fällt mir jedoch auf, dass der HTML-Code fehlerhaft ist:
    http://validator.w3.org/check?verbos...ung%2Fberatung
    und dass Du ein Tabellenlayout hast, was sich natürlich auch negativ auswirken könnte. Zumindest das Menü ist ja auch als Menü ausgezeichnet.

    Wieso ist eigentlich das Menü fixiert positioniert? So verschwindet es ja momentan aus dem Blickfeld sobald man auch nur 1cm scrollt.

    Die Beschreibung deines Problem klingt stark danach als würde irgendetwas im Safari das Menü überlagern. Safari hat imho auch Entwicklertools wie Firefox, wo Du per Klick herausbekommen solltest was darüber liegt. Vlt. auch auch die angesprochene Fixierung schon die Ursache.

Ähnliche Themen

  1. Conveyer Belt-Problem: Chrome und Safari frieren ein
    Von since1977 im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 20.06.2012, 14:20
  2. Safari und IE(8) Darstellungsprobleme
    Von Stefan Ja im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 21.10.2010, 22:30
  3. Safari 4 Windows
    Von Unregistriert im Forum Computer - Internet Forum
    Antworten: 5
    Letzter Beitrag: 13.06.2009, 22:23
  4. Safari Dropdownfehler
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 10.10.2008, 16:47
  5. Antworten: 5
    Letzter Beitrag: 29.03.2008, 21:50

Stichworte

Berechtigungen

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