proggen.org

hallihallo.

Ich will in eines meiner projekte eine Art Anmeldeleiste haben. Soll heißen ich will eine immer da seiende, eine immer im vordergrund seiende und nicht mitscrollende Leiste am oberen bzw am unteren Browserrand. Am unteren Rand finde ich persönlich besser, letzten Endes macht beides keinen Unterschied. Wisst ihr wie ich sowas hinbekomme? Bitte mit Beispielcode (HTML wäre am besten )

Div mit absoluter Position: Rein aus dem Kopf geschrieben.

Für dem oberen Rand würde ich JSides Version für richtig halten, der untere Rand ist komplizierter, da hier auch geguckt werden muss, um welchen Browser es sich handelt (also ob IE oder nicht IE...)

Es gibt leider Browser, die sind gegen "position:absolute" resistent. Hier hilft evtl. dann "fixed".

Welcher Browser kann den kein Absolute?

Fixed ist wieder etwas anderes, es kommt drauf an was naums möchte, wenn er die Navi auch beim Scrollen oben haben möchte ist fixed die richtige Wahl, wenn es aber nur oben sein soll und beim Scrollen verschwinden soll kann man mit position: relative/absolute/xy arbeiten

mfg

Dominik hat geschrieben:Fixed ist wieder etwas anderes, es kommt drauf an was naums möchte, wenn er die Navi auch beim Scrollen oben haben möchte ist fixed die richtige Wahl, wenn es aber nur oben sein soll und beim Scrollen verschwinden soll kann man mit position: relative/absolute/xy arbeiten

Stimmt, Fixed ist Mittel der Wahl, nicht absolute.

Aber mit Fixed haben (ältere) Browser Probleme.

welcher Browser kein absolute kann? Chromium. ^^

Fixed klappt prima, jedenfalls auf Chromium. @Xin: was meinst du mit man müsse kucken, obs der IE ist oder net? Kann der schon wieder was nicht, was alle andren können?

Edit: problem: hab das grade auf eine HP angewandt, wo schon was drin steht, jetzt fällt mir auch, dass diese leiste bei ganz nach oben gescrollten Zustand ein stück der Homepage überdeckt, was ich nicht will.

naums hat geschrieben:welcher Browser kein absolute kann? Chromium. ^^

Fixed klappt prima, jedenfalls auf Chromium. @Xin: was meinst du mit man müsse kucken, obs der IE ist oder net? Kann der schon wieder was nicht, was alle andren können?

Zumindest IE6 streikt bei einigen Dingen.
Ich hatte jedenfalls damals eine msextrawurst.js, die die Website so veränderte, dass es für den ie6 passt.

naums hat geschrieben:Edit: problem: hab das grade auf eine HP angewandt, wo schon was drin steht, jetzt fällt mir auch, dass diese leiste bei ganz nach oben gescrollten Zustand ein stück der Homepage überdeckt, was ich nicht will.

Homepage in ein DIV packen, dem div ein border-top:xxxpx mitgeben.

das macht sinn. Wie krieg ichs eig. hin, dass die Input boxen nicht so hoch sind?

naums hat geschrieben:das macht sinn. Wie krieg ichs eig. hin, dass die Input boxen nicht so hoch sind?

"height:xxxpx"?

Aber die Browser wehren sich zum Teil. Die Suchleiste bei Dokuwiki ist auch in der Größe angepasst, das sah auch nicht immer hübsch aus.