Hallo,

ich bin noch recht neu bei den Themen css und xhtml, und habe zwar schon die Suche bemüht, aber keine Antwort gefunden.
Seit Stunden kämpfe ich mit meinem Problem: ich möchte mit position:fixed eine feststehende Navigationsbox realisieren, die 70% der Bildschirmbreite einnimmt, und zentriert ist.
Unter IE funktioniert das sehr gut (mit Hilfe eines Workarounds zu position:fixed), unter Opera (7.54)bin ich jedoch schön langsam am Verzweifeln; das Element wird immer links ausgerichtet angezeigt. Ohne position:fixed funktioniert die Zentrierung...
Es handelt sich also um eine einfache Box, die zentriert und fixiert werden soll.
Hat vielleicht jemand ein Beispiel zur Verfügung, wie man so etwas realisiert?

Hi andelal
position:fixed ist eine absolute Positionierung.
Ein zentrierter Container wird jedoch relative positioniert, also beist sich das
Mehr zu der Positionierung:
http://www.css4you.de/position.html
http://jendryschik.de/wsdev/css/fixed
http://www.fabrice-pascal.de/artikel/posfixedie6

__________________
>> Linux is like a wigwam: no windows, no Gates, Apache inside. <<

Sorry - ich hab da Probleme, mir das Ganze überhaupt vorzustellen. Kannst du mal ein Beispiel online stellen oder den Quellcode rausrücken, den du bisher hast - mit Angabe, in welche(m/n) Browser/n das nun schon funktioniert?
Dann könnte man vielleicht Tipps geben.

__________________
Grüße,
Terry

... die immer noch sporadisch mitliest, auch wenn sie sich wenig zu Wort meldet ...

Das würde natürlich einiges erklären ... Ich hab ja geschrieben, dass ich noch neu bin (und offenbar nicht lesen kann )

So stelle ich mir das vor:
http://www.css4you.de/example/position_fixed.html
Nur, dass der div-Container eben zentriert sein soll.
Ich hab's mit margin: auto probiert, und der IE zeigt es so an, wie ich es haben will. Unterm Opera wird jedoch der Container immer linksbündig angezeigt.

Edit: Ach ja: danke für die Antworten

Und wie wärs mit:

Ungetestet - sollte aber funktionieren.

__________________
Grüße,
Terry

... die immer noch sporadisch mitliest, auch wenn sie sich wenig zu Wort meldet ...

terrikay: wie ist das so, ein Genie zu sein?
So wie es aussieht, funktioniert deine Vorlage Ich muss sie nur noch verstehen ...
Danke vorerst!

So, ich hab jetzt ein bisschen herumgebastelt, und es sieht unter Opera (Win), Safari (Mac) und IE 5.2 (Mac) gleich aus. Einzig der IE 6 (Win) zickt noch ein bisschen: die Scrolleiste rechts wird nicht ganz dargestellt.
Kann das vielleicht jemand nachvollziehen? Ich habe das ganze auf http://www.mylounge.com/csstest/test.html gestellt - wäre echt toll!

Der IE kennt kein position:fixed. Er positioniert daher statt dessen static (Standardwert) und setzt so deine Box "gesamt" unterhalb der Box "container".
Für den IE musst du dir mit position:absolute für den feststehenden Teil behelfen.
Hier gibt's auch was dazu.

Grüße
fricca

Mich wundert nur, dass es im IE 5.2 (unter MacOS X) gut aussieht. Hast du die beiden unterschiedlichen CSS-Dateien gesehen, die ich benutze?

IE Mac kann ich grad nicht testen... Scrollt da dein feststehender Bereich nicht zufällig mit?
Und: ja sicher hab' ich deine zwei CSS-Dateien gesehen, deshalb sag' ich dir ja, dass der IE fixed nicht kennt und statt dessen static verwendet...