|
||||
Horizontales Aufklappmenü
Hallo Community,
ich bastel im Moment an der Seite http://www.fck-handball.de.vu , ist also noch nicht fertig. Zu meinem Design sollte auch ein horizontales Aufklappmenü gehören, allerdings weiß ich nicht ob der Ansatz so stimmt. Ich möchte jetzt bitte nicht die Nachteile einer horizontalen Navigation hören, denn für mich steht es schon fest das ich sie benutzen werde! Bitte besucht die Seite mal mit dem Firefox, denn mit dem IE funktioniert die Navigation noch gar nicht... Meine Frage ist jetzt wie ich es hinbekomme das sich meine Sidebar bzw. Content bei dem Aufklappen des Menüs nicht verschiebt. Weiß einer von euch rat oder brauche ich einen komplett neuen Ansatz? Falls ich einen neuen Ansatz brauche sind Tipps gerne willkommen! Danke im Vorraus! |
Sponsored Links |
|
|||
Die Navigation verschieb sämtlichen Inhalt nach unten. Um es vielleicht selbst testen zu können, kann ich dir nur empfehlen, mal bei www.browserpool.de vorbeizuschauen. Damit kannst du eventuelle Fehler, besser nachvollziehen.
Viel Erfolg |
Sponsored Links |
|
||||
Guck mal im Thread über dir, da gibts schöne Links, außerdem ist Google auch dein Freund!
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
|
||||
Hey, danke!
War der Post davor auch schon da? Ich habe nähmlich die Suchfunktion benutzt und nichts gefunden. o.O Nicht das ihr denkt das ich nicht google/suche. Aber eine frage habe ich noch. Könntet ihr noch einmal auf http://www.fck-handball.de.vu vorbei schauen und mir sagen was ich mit der horizontalen Navigation falsch gemacht habe? Sie funktioniert zwar, bei meiner Konfiguration auch so wie sie sollte, doch anscheinend bekommen sie andere Benutzer ein Stück nach rechts versetzt zu sehen. Danke im Vorraus! |
|
|||
Du hast ul.horizontal mit position:absolute gesetzt.
Dadurch wird dieses ul aus dem Elementefluss herausgenommen und zieht sich mangels einschränkendem Elternelement, welches selbst position: relative oder :absolute hat, über die gesamte Seite. (Siehe highlight current element mit der Webdeveloper-Extension beim Firefox) Du entwickelst wohl mit 1600x1200 Auflösung? Dort dürfte es stimmen, aber erst ab dieser Auflösung. Lösungsmöglichkeit: Gib dem ul ein position:relative. Das sollte dein Problem beheben. Teste es wieder mit der Webdeveloper-Extension (kleinere Auflösungen). Jetzt sollte es stimmen. Setzt Du deine Seiten per SSI zusammen? grüsse andir
__________________
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 |
|
|||
Ich kann das CSS nicht online testen/verändern , da dein de.vu Provider eine Frameseite gebastelt hat, mit der die Webdeveloper-Ext. nicht zurechtkommt (known issue)
Daher ist mir ein Testen kaum möglich, sorry. Wenn Du das Menü in ein gestripptes Testcase stellst, hast Du da das gleiche Problem ? Wenn nicht, liegt die Ursache woanders. Aber dein Code ist so ellenlang und meine Zeit so knapp bemessen... @ssi: Ein paar Comments im html Vaildiere mal dein Stylesheet, der Validator erkennt die Hälfte nicht. Vielleicht hilft das schon mal weiter. grüsse andir
__________________
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 |
|
||||
So, das CSS ist jetzt ml validiert, waren nur ein paar kleinere Fehler. Das XHTML muss ich noch zurecht basteln.
Du kannst auch die direkte Adresse verwenden http://safran.xardas.lima-city.de/fck/. Habe nicht mehr dran gedacht das die .vu Adresse Frames bastelt und habe gedacht das es halt so einfacher geht. Jaja, zu viel des guten. Ich habe selbst ein bischen rumprobiert, aber ich finde keine Lösung. Das Problem besteht immer noch: Wie positioniere ich die horizontale Navigation richtig? Danke im Vorraus! |
|
|||
Schreib Sie neu Die Navi sieht schlimmer aus denn je und ich finde sie an den merkwürdigsten Orten . (Sehr weit unten, IE kollabiert die Liste usw.)
Schnapp Dir das Son of Suckerfish Dropdown-menü. http://www.htmldog.com/articles/suckerfish/dropdowns/ Das ist mittlerweile sehr gut crossbrowserfähig, jedenfalls für richtige Browser und sogar neueren IE. Pack es dann doch in den header mit rein. ( header evtl. etwas nach unten erweitern und ul und Nachfahren einen z-index größer 100 mitgeben) Das Versetzen in den header verhindert evtl. Störungen mit dem Event-Calendar. Das wäre meine Empfehlung.
__________________
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 |
vertikales Aufklappmenü | superskunk | CSS | 1 | 13.04.2013 20:21 |
horizontales Menü in horizontales Pulldown-Menü ändern | Stephan1958 | CSS | 5 | 11.01.2012 14:37 |
CSS Horizontales Aufklappmenü | guidoi | CSS | 1 | 11.01.2007 10:57 |
Horizontales Menüproblem - wenn gelöst Prima Menü für alle | Sturmgott | CSS | 7 | 25.04.2006 11:05 |
Horizontales Aufklappmenü | climbhigh | CSS | 9 | 26.10.2004 15:26 |