|
|||
Slide Menü wird nicht richtig dargestellt! (JS/CSS)
Hi,
Also eigentlich handelt es sich bei dem Problem nicht nur um ein Javascript Problem sondern eher um ein CSS Problem, doch immerhin ist das Script in Java also schreibe ich hier... Problem: Ich habe ein JavaScript SlideDown Menü besorgt, welches durch einfachen Code im Header zu konfigurieren ist, so auch Angaben wie margin-left/top. Ich habe in meiner CSS Datei geschrieben, dass der content immer zentriert dargestellt werden soll, also margin: auto; Das hatte leider zur Folge, dass das Menü nun NICHT wie die anderen Sachen mitzieht, sondern immer da bleibt wo es ist! (Wahrscheinlich weil das Script mit ABSOLUTE arbeitet oder so) Lösungen?: Nun wollte ich wissen wie ich das ganze beheben kann! Testen könnt ihr mein Problem hier, wenn hier über EXTREME geht... (Einfach mal euer Fenster dabei verkleinern, dann seht ihr was ich meine) EXTREME DESIGNS - YOUR DESIGN YOUR WAY Danke, Sebi... |
Sponsored Links |
|
|||
Dafür müsste man sich wohl mal mit position auseinander setzen. Vor allem mit position: relative und position: absolute und wenn man das versteht, sind es ein paar Sekunden und dein Menü klebt dort, wo es eigentlich hinsoll.
Mein Tipp: dem Elternelement oder DIV ein position: relative mitgeben und dann die Untermenüs absolute positionieren und eben halt die Position anpassen. |
Sponsored Links |
|
||||
Einmal ist Java ist keine Skriptsprache, Javascript != Java und dann willst du uns doch nicht zumuten, diesen Code zu analysieren?
Entweder du versuchst den Code lesbar zu fomratieren oder du suchst ein Skript was deinen Anforderungen entspricht. Zudem hast du noch ein paar CSS Fehler, die in der Fehlerkonsole vom Firefox angezeigt werden. Und wenn du schon dabei bist, würde ich mir auch noch die HTML Fehler anschauen: [Invalid] Markup Validation of http://extremedesigns.bplaced.de/wordpress/ - W3C Markup Validator |
|
|||
erstmal thx @cgdesign! Das werde ich dann demnächst mal versuchen!
@protonenbeschleuniger : Danke, aber ich habe nach einer Lösung des Problems gefragt und nicht nach weiteren Fehlern, Verbesserungen meines Beitrages oder sonstigem! (Warum muss es in Foren immer solche Verbesserer geben? ) |
|
||||
Ich hab nichts verbessert, ich hab mich geärgert. Ich weiß nicht ob du dir jemals deinen Javascript code angeschaut hast?
Der ist komplett in einer Zeile, also unlesbar gemacht worden und du erwartest, dass sich das jemand anguckt? |
|
|||
Da hast du mich etwas falsch verstanden: Du kannst deine Submenüs absolut positionieren, wenn diese dem übergeordneten DIV relative psitioniert sind. Ansonsten richten sie sich immer am ersten realtive positionierten Element aus und das ist in dem Falle das body-Tag. Deswegen bleiben die auch immer an der gleichen Stelle stehen, wenn du das Browserfenster verschiebst. Und genau deswegen musst du das Elternelement wo anders hinverlagern, in diesem Falle auf die id #navigationBar.
Was ich damit sagen will, ist: du musst die id #navigationBar relative positionieren und die id #menu1Container absolute und dann eben die Werte noch anpassen. Keine Ahnung, left: 10px und top: 40px? Musst du rumspielen. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Rahmen nicht richtig dargestellt | thom75 | CSS | 11 | 24.01.2007 12:23 |
Nicht richtig dargestellt im Firefox | thom75 | CSS | 8 | 11.07.2006 11:56 |
Menü wird nach Einbau in fertige Seite nicht richtig angezei | unicorn | CSS | 11 | 03.02.2006 15:23 |
Hover-Problem: Rand wird nicht richtig dargestellt... | Ahoj | CSS | 6 | 30.01.2006 17:41 |
Webseite wird erst nach Refresh richtig dargestellt | deekee | CSS | 4 | 01.12.2005 13:22 |