zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Probleme mit Safari und einem CSS Menü

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.06.2006, 16:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.06.2006
Ort: Bergheim (bei Köln)
Beiträge: 15
webfabrik befindet sich auf einem aufstrebenden Ast
Standard Probleme mit Safari und einem CSS Menü

Hallo zusammen,

habe auf meiner neuen Website ein CSS Menü eingebaut, welches 2 Ebenen tief geht. Mit irefox und IE auf Mac und Windows alles klasse, nur der Mac mit dem Safari macht hier echt mucken. Der Text springt und die Größe des Blocks springt bei einem Rollover.

Die Seite findet Ihr unter http://www.webfabrik.org

Der CSS Code des Menüs:

--- START ---
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
margin: 0;
border: 0 none;
padding: 0;
width: 600px; /*For KHTML*/
list-style: none;
height: 24px;
}

ul#navmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
}

ul#navmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
height: 24px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0;
}

ul#navmenu ul li {
float: none; /*For Gecko*/
display: block !important;
display: inline; /*For IE*/
height: 24px;
}

/* Root Menu */
ul#navmenu a {
border: 1px solid #FFF;
border-right-color: #CCC;
border-bottom-color: #CCC;
padding: 0 6px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
background: #EEE;
color: #666;
font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: #CCC;
color: #FFF;
height: 24px;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background: #EEE;
color: #666;
height: 24px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #CCC;
color: #FFF;
height: 24px;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background: #EEE;
color: #666;
height: 24px;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background: #CCC;
color: #FFF;
height: 24px;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
height: 24px;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
height: 24px;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
height: 24px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
height: 24px;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
height: 24px;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.06.2006, 17:58
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

Scheinbar ein Bug. Ich habe hier line-height nochmal extra notiert, und jetzt gehts im Safari 2.0.3.

Nebenbei: Wenn du bitte beim nächsten Mal dein CSS validieren würdest, Danke.

Code:
/* Root Menu */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;

  line-height: 22px; /* IC */
  
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken

Geändert von IChao (26.06.2006 um 18:08 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.06.2006, 22:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.06.2006
Ort: Bergheim (bei Köln)
Beiträge: 15
webfabrik befindet sich auf einem aufstrebenden Ast
Standard

Na das nenne ich schnelle Hilfe.

Danke, hat wirklich an der einen Zeile gelegen...!!!
Mit Zitat antworten
  #4 (permalink)  
Alt 08.01.2008, 08:53
Neuer Benutzer
neuer user
 
Registriert seit: 08.01.2008
Beiträge: 1
fakafi befindet sich auf einem aufstrebenden Ast
Böse

Hallo,

Ich habe Probleme with css Menu in Safari Browser. Die links werden
nach dem Anklicken nochmals in den rechten Fenster angezeigt . Mit Internet Explorer funktioniert die Menus and submenus wunderbar, aber nicht in SAFARI-Bowser. was kann ich da machen. Liegt das in der Einstellung?

Gruß
faKafi

hier sind die Codes für menu und submenus:

<HTML>
<HEAD>

<style type="text/css">
a {text-decoration: none;}

a:link { color:#00f; background-color:transparent; }
a:visited { color:#00f; background-color:transparent; }
a:hover { color:#ff0; background-color:lime; }
a:active { color:#ff0; background-color:Orangered; }

.title
{position: absolute;
width: 140px;
height: 20px;
left: 10px;
z-index: 10;
text-shadow: black;
font-family: Calligraph421 BT, helvetica, sans-serif;
font-weight: bold;

font-size: 14px;
}



.submenu
{position: absolute;
left: 35px;
width: 120px;

<!-- border: 0px solid black;-->
background-color= "#BB994A";
layer-background-color: yellow;
font-family: Calligraph421 BT, helvetica, sans-serif;
font-size: 12px;
text-shadow: black;

visibility: hidden;}
</style>
Mit Zitat antworten
  #5 (permalink)  
Alt 08.01.2008, 11:43
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von fakafi Beitrag anzeigen
Hallo,

Ich habe Probleme with css Menu in Safari Browser. Die links werden
nach dem Anklicken nochmals in den rechten Fenster angezeigt . Mit Internet Explorer funktioniert die Menus and submenus wunderbar, aber nicht in SAFARI-Bowser. was kann ich da machen. Liegt das in der Einstellung?
http://xhtmlforum.de/40080-f-r-frage...twortende.html und benutze bitte Code-Tags (HTML-Code Button rechts oben). Danke.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS Menü auf Internet Explorer abstimmen raphi156 CSS 33 22.12.2010 10:10
css menü, brauche dringend hilfe BlackRavn CSS 9 09.10.2010 10:06
CSS Menü zickt rum /IE6/IE7/FF GizmotroniX CSS 3 11.07.2007 08:14
Mysteriöses in CSS Dropdown Menü ph!L CSS 3 21.07.2006 12:31
abgerundete ecken als hintergrund in css menü gollib CSS 3 18.07.2006 00:44


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:02 Uhr.