[Noisy]

Werte Forengemeinde ich weiß, dass sich jetzt wahrscheinlich einige sagen: Nimm doch lieber ein vorgefertigtes Dropdown Menü. Möchte ich aber nicht, schließlich will ich auch was lernen und etwas, dass meinem entspricht gibt es auch nicht überall, aber seht selbst.

Testseite

Wenn man jetzt über "Dropdown" in der vertikalen Navigation fährt klappt sich das ganze zwar aus, aber leider unter den Rest. z-index hat mir bei der Lösung des Problems nicht wirklich geholfen und deshalb wende ich mich jetzt hoffnungsvoll an euch. Bei einem zweiten Dropdown, das dann über die Mitte geht wird es zwar überlagert, aber den Content darunter mit beachtet und kann somit nicht wirklich benutzt werden. Wo könnten die Fehler liegen?

So, dann noch der kleine Schönheitsfehler, der eigentlich schon recht gravierend ist, wenn der sich nicht lösen lässt. Das Suchfeld rechts und der Button wollen einfach nicht recht aneinander wachsen, es ist mir ein Rätsel weshalb nicht.


Viele Grüße,
Noisy

[cgdesign]

z-index bewirkt ja nur mit position etwas. Also müsstest du #navi_middle position: relative zuweisen, dann funktioniert das auch. Dem input-Feld könntest du das padding mal auf 2px 0 0 setzen, dann rückt es auch ran.

[Noisy]

Das ist doch schonmal sehr hilfreich. Vielen Dank. Das Dropdown funktioniert jetzt soweit. Nur eine Sache ist noch, auch wenn sich die beiden Teile der Suche jetzt näher gekommen sind bzw. nebeneinander sind bleibt doch ein leichter Höhenunterschied, den ich einfach nicht ausgleichen kann. Egal von welchem der beiden Input-Feldern ich den Abstand nach oben vergrößere/verkleinere sind immer beide davon betroffen und rücken nur gemeinsam vom Fleck und niemals zusammen.

[cgdesign]

Ist eigentlich auch nicht so schwer. Du könntest z.B. das erste input-Feld links floaten, dann rutscht das zweite Input-Feld auch ran. Dann beiden Input-Feldern dasselbe margin zuweisen und schon passt es.

[Noisy]

Dann wäre das acuh geklärt vielen Dank