Hallo,
Hier der Link zu der Seite:
http://www.intellihouse.ch/s/index.php/de…istung/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="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/']/s/index.php/de/[/URL]" ><span>Home</span></a></li>
<li id="item-470" class="active parent"><a href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/marktleistung']/s/index.php/de/marktleistung[/URL]" ><span>Marktleistung</span></a>
<ul><li id="item-471"><a class="kind" href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/marktleistung/realisierung']/s/index.php/de/marktleistung/realisierung[/URL]" ><span>Realisierung</span></a></li>
<li id="item-472"><a class="kind2" href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/marktleistung/planung']/s/index.php/de/marktleistung/planung[/URL]" ><span>Planung</span></a></li>
<li id="item-473" class="current active"><a class="kind3" href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/marktleistung/beratung']/s/index.php/de/marktleistung/beratung[/URL]" ><span>Beratung</span></a></li></ul>
</li><li id="item-474" class="parent"><a href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/bedienung']/s/index.php/de/bedienung[/URL]" ><span>Bedienung</span></a>
<ul><li id="item-475"><a class="kind" href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/bedienung/unterhaltung']/s/index.php/de/bedienung/unterhaltung[/URL]" ><span>Unterhaltung</span></a></li>
<li id="item-476"><a class="kind2" href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/bedienung/komfort']/s/index.php/de/bedienung/komfort[/URL]" ><span>Komfort</span></a></li>
<li id="item-477"><a class="kind3" href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/bedienung/sicherheit']/s/index.php/de/bedienung/sicherheit[/URL]" ><span>Sicherheit</span></a></li>
<li id="item-516"><a class="kind4" href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/bedienung/netzwerk']/s/index.php/de/bedienung/netzwerk[/URL]" ><span>Netzwerk</span></a></li></ul></li>
<li id="item-534" class="parent"><a href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/multimedia']/s/index.php/de/multimedia[/URL]" ><span>Multimedia</span></a>
<ul><li id="item-538"><a class="kind" href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/multimedia/links']/s/index.php/de/multimedia/links[/URL]" ><span>Links</span></a></li></ul></li>
<li id="item-478"><a href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/unternehmen']/s/index.php/de/unternehmen[/URL]" ><span>Unternehmen</span></a></li>
<li id="item-479" class="parent"><a href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/kontakt-2']/s/index.php/de/kontakt-2[/URL]" ><span>Kontakt</span></a>
<ul><li id="item-542"><a href="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/index.php/de/kontakt-2/test']/s/index.php/de/kontakt-2/test[/URL]" ><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="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/images/seitenbilder/Beratung_1.gif']/s/images/seitenbilder/Beratung_1.gif[/URL]" height="120" width="1000" /></p></div> </div>
<div style="float:inherit; height:100px; margin:0px;"> <div class="custom" > <p><img alt="Beratung 2 " src="[URL='http://www.forum-hilfe.de/view-source:http://www.intellihouse.ch/s/images/seitenbilder/Beratung_2_.gif']/s/images/seitenbilder/Beratung_2_.gif[/URL]" 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
