| (Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI... |
Diskussion: CSS Menu im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige Hallo Habo. Ich habe ein Problem mit einem CSS-Menu. Den Quelltext habe ich zum größten Teil im Internet gefunden ...
![]() |
| | #1 (permalink) |
| Registriert seit: 21.10.06 ![]() Likes: 0 | Anzeige Hallo Habo. Ich habe ein Problem mit einem CSS-Menu. Den Quelltext habe ich zum größten Teil im Internet gefunden und ein kleines bisschen angepasst. Das sieht mittlerweile auch meiner Meinung nach echt schick aus. (Firefox) Jetzt muss ich die Kiste auch noch für den Internet Explorer anpassen. Der stellt das ganze völlig verschoben und krum da. Ich habe keine Ahnung, wie ich das an die Begebenheiten des Internet Explorers anpassen soll und hoffe auf Ratschläge. Bildschirmfoto Firefox : ![]() Bildschirmfoto Internet Explorer: Wie ihr sehen könnt, sind hier die Menüpunkte aushalber des eigentlichen Menüs und nur beim Mouseover sichtbar. ![]() CSS Code: #dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; font-weight:bold;}
#dropmenu a {display:block; padding:0.25em 1em; color:#686868; text-decoration:none; background:#fff;}
#dropmenu a:hover {background:#888; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu li ul a {width:12em; height:auto; float:left;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} Grüße, weau. |
| | |
| | #2 (permalink) |
| Registriert seit: 31.03.09 ![]() Likes: 0 | Kannst du mal den HTML-Teil des Menüs oder ein Link zu der Seite posten? |
| | |
| HaBOT | - Anzeige - |
| |
| | #3 (permalink) |
| Themenstarter Registriert seit: 21.10.06 ![]() Likes: 0 | Sorry, dass ich jetzt erst antworte. Grüße weau Geändert von weau (27.05.10 um 10:39 Uhr) |
| | |
| | #4 (permalink) |
| Member of Honour ![]() | zum CSS genau durchgucken hab ich jetzt leider keine Zeit (vielleicht morgen mal), aber was mir gerade aufgefallen ist: es wird ein DIV mehr geschlossen, als es überhaupt geöffnete gibt... (meckert mir jedenfalls mein HTML-Validator-AddOn vom Firefox an...) ich persönlich fange mit CSS-fixen immer erst dann an, wenn der HTML-Code 100% sauber ist - ansonsten erlebt man es schnell, dass man irgendwelche bösen Hacks einbaut, um das Design gut aussehen zu lassen und am Ende behebt man 'nen Fehler im HTML-Code und stellt fest: die ganze Arbeit umsonst... nochmal von vorne... |
| | |
| | #5 (permalink) |
| Registriert seit: 01.10.06 ![]() Likes: 0 | Hallo, Hier wird dein Problem genauer erläutert: http://www.css-hack.de/Startseite/Problem+Box-Modell Vielleicht findest du die Lösung selbst, wenn du weisst, wo das Problem liegt. :-) f. |
| | |
![]() |
| - Anzeige - | |
| |
| Themen-Optionen | |
| Ansicht | |
| |