zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit horizontalem Menü

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.07.2005, 20:35
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.12.2004
Beiträge: 52
yellowfox befindet sich auf einem aufstrebenden Ast
Standard Problem mit horizontalem Menü

Hallo Leute

Ich versuche grade ein horizontales Menü zu erstellen. Mit Divs ist es kein Problem. Nun wollte ich das ganze aber mit einer Liste realisieren.

http://www.voegeli-architektur.ch/test/test1.html

Internet Explorer für Windows, Safari sowie Firefox und alle anderen Mozilla-Browser machen es genau so, wie ich es gerne möchte. Aber Opera und Internet Explorer für Mac haben damit ein Problem. Sie stellen das Menü nich horizontal dar.

Kann mir jemand sagen, wie das CSS aussehen müsste, damit das Menü in allen Browsern funktioniert?
Code:
#subnavi { 
font-size: 10px; 
background-color: #edebe8; 
left: 0; 
top: 90px; 
position: absolute; 
width: 100%; 
height: 37px; 
border-top: 1px solid #666; 
}

#subnavi ul {
position: absolute; 
top: 0; 
right: 20px; 
margin: 0; 
padding: 0; 
list-style-type: none; 
}

#subnavi ul li { 
width: auto; 
float: left; 
display: block; 
}

#subnavi ul li a, #subnavi ul li a:visited { 
color: black; 
text-decoration: none; 
padding: 2px 8px; 
border-right: 1px solid #666; 
border-bottom: 1px solid #666; 
display: block; 
}

#subnavi ul li a:hover, #subnavi ul li a:active { 
color: white; 
background-color: #645d54; 
}

Mit bestem Dank

Gruss
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.07.2005, 21:14
Benutzerbild von griffel
Marginalie
XHTMLforum-Mitglied
 
Registriert seit: 27.08.2003
Beiträge: 141
griffel befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Aber Opera und Internet Explorer für Mac haben damit ein Problem. Sie stellen das Menü nich horizontal dar.
Kann ich mit meinem Opera 8.0 nicht nachvollziehen. Sogar Netscape 6 zeigt es horizontal. IEmac habe ich nicht.

greetz B.
__________________
"Der Computer arbeitet deshalb so schnell, weil er nicht denkt."
Gabriel Laub, 24.10.1928 - 03.02.1998,
polnisch-deutscher Schriftsteller
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.07.2005, 21:36
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard Re: Problem mit horizontalem Menü

Zitat:
Zitat von yellowfox
Aber Opera und Internet Explorer für Mac haben damit ein Problem.
Das dürfte an float ohne width in #subnavi ul li liegen. Der IEMac hat damit immer Probleme.

Wenn du den IE Win dazu bewegen willst, dass er a:hover auch beim Berühren des Hintergrundes der a-Elemente ausführt, dann müsstest du den a-Elementen entweder width oder height verpassen (in diesem Artikel ausführlich erklärt).

Grüße
fricca
Mit Zitat antworten
  #4 (permalink)  
Alt 21.07.2005, 22:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.12.2004
Beiträge: 52
yellowfox befindet sich auf einem aufstrebenden Ast
Standard

Danke für die Tipps!

Zitat:
Kann ich mit meinem Opera 8.0 nicht nachvollziehen.
Ja stimmt. Opera 7 macht es noch falsch. Opera 8 stellt es richtig dar.

Zitat:
Das dürfte an float ohne width in #subnavi ul li liegen. Der IEMac hat damit immer Probleme.
Hmm... Gibt es einen Trick, wie man den IE Mac zur richtigen Darstellung bringen kann? Width sollte auf auto bleiben, sonst passen sich die Menüpunkte in der Breite nicht dem Inhlat an.
Mit Zitat antworten
  #5 (permalink)  
Alt 21.07.2005, 23:19
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von yellowfox
Hmm... Gibt es einen Trick, wie man den IE Mac zur richtigen Darstellung bringen kann?
IMHO nein.
Aber wenn du variable Breiten haben willst, kannst du auch display:inline verwenden, um das Menü in die Horizontale zu bringen.

Grüße
fricca
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
Style Problem mit DropDown Menü und IE - Funktionalität geht dsbrot CSS 0 31.03.2010 12:13
Umbruch in einem LI bei horizontalem Menü M4rco CSS 12 13.10.2006 12:26
Problem mit padding im Menü Sp33dy G0nz4l3s CSS 1 22.09.2006 20:09
Dropdown Menü -> Problem im FF gr-ha CSS 1 04.08.2006 21:55
Das Menü und mein Problem Sven CSS 1 13.03.2005 03:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:27 Uhr.