HTML: Realisierung einer Anmeldeleiste

[naums]

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 )

[Jside]

Div mit absoluter Position:

Code: Alles auswählen

<div style="position:absolute;margin-top:0px;height:50px">bla</div>

Rein aus dem Kopf geschrieben.

[Xin]

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...)

[C@mper]

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

Code: Alles auswählen

<div style="position:fixed;margin-top:0px;height:50px">bla</div>

[Dominik]

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

[Xin]

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.

[naums]

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.

[Xin]

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.

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.

[naums]

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

[Xin]

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.