|
|||
CSS Menü nicht korrekt dargestellt im FF
Hi,
weiss jemand warum der FF diesen Code falsch interpretiert? Das menuleft.jpg wird falsch angezeigt. Größe stimmt mit menuright.jpg überein. Code:
#wrapper-menu-top { width: 100%; margin: 0 0; text-align: left; } #wrapper-menu-top { background: #EDF1F5; } #menu-top { background: #EDF1F5; overflow: hidden; } #menu-top ul { margin: 0 10px; padding: 10px 0 0 0; list-style: none; clear:right; float: right; } #menu-top li { display: inline; text-align:right; } #menu-top a { background: url(menuleft.png) no-repeat left top; margin:0; padding:0 0 0 9px; text-decoration:none; line-height: 1.5em; } #menu-top a span { background: transparent url(menuright.png) no-repeat right top; padding:5px 8px 4px 0px; display: inline; font-size: 90%; color: #3D4F54; FONT-FAMILY: sans-serif; } #menu-top a:hover { background-position:0% -42px; } #menu-top a:hover span { background-position:100% -42px; COLOR: #FA852E; } #menu-top a:active { background-position:0% -42px; } #menu-top a:active span { background-position:100% -42px; } |
Sponsored Links |
|
||||
les dich schlau: Cascading Style Sheets { Tutorial : Horizontal-Navigation mit gleitenden Hintergründen }
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
|||
In aller Regel hast Du im FF die korrekte Interpretation Deines Codes und im IE eine falsche.
|
|
||||
les weiter, wenn du es richtig machst, dann gehts sogar im IE5,5
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
|||
doch, die Anzeige ist korrekt, dein Code ist es nicht - um nämlich die von Dir gewünschte Anzeige zu erhalten. Die Codeinterpretation der Browser findet ja unabhängig von Schönheit und Entwicklerwünschen statt.
|
|
|||
schon klar Wollte nur jedwedem Missverständnis vorbeugen.
|
Sponsored Links |
|
|||
Nur mal so als Vermutung:
Code:
#menu-top a { background: url(menuleft.png) no-repeat left top; margin:0; padding:0 0 0 9px; text-decoration:none; line-height: 1.5em; } Sollte das Problem lösen. ( Nicht verifiziert, nur vermutet)
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
CSS Menü auf Internet Explorer abstimmen | raphi156 | CSS | 33 | 22.12.2010 11:10 |
herunterfahrendes Menü mit CSS | Pablo | CSS | 1 | 27.12.2007 18:07 |
css menü im IE anders dargestellt | berndw | CSS | 2 | 02.11.2006 11:22 |