Hallo Leute,

ich hab da ein Problem mit meinem Design. Undzwar ist ja oben die Navigation fixiert damit die nicht mitscrollt. Das ganze funktioniert ja auch aber jetzt geht mal hin und zoomt in die Seite rein bis ihr unten nen Balken seht wo ihr die Seite verschieben könnt. Wenn ihr die jetzt verschiebt dann seht ihr, dass die Navigation zwar nach unten nicht mitscrollt aber wenn man seitwärts scrollt dann bleibt sie einfach stehen. Wie kann ich das Problem beheben? Ich kriege es einfach nicht hin.

In der CSS-Datei ist nav und header dafür veranwortlich. Also es wäre echt schön, wenn ihr mir dabei helfen könntet.
Ich hoffe, dass ich das Problem richtig beschrieben habe aber anderst kann ich es nicht erklären. Vielen Dank!

Meine Website: blackphantom.cwsurf.de/

MFG

Jetzt wollte ich hier nen Screenshot reinhaun, dann zerreists mir meinen ganzen Post

Also was zuvor da stand: Mit FF und IE hab ichs getestet und es geht alles so, wie es sein soll. Die Navileiste oben ist fix und bleibt auch beim horizontalen Scrollen nicht stehen.

Hmm, dass kann aber nicht sein. Ich glaube ich habe es wieder falsch erklärt. Wenn du ganz in die Seite reinzoomst dann haste ja oben die Navi. Untem am Fensterrand kannst du ja nach rechts und nach links scrollen. Und wenn du dies tust, dann bleibt die Navigation "stehen". Sie bewegt sich nicht weiter. Sie soll aber seitlich mitscrollen.

Verstehst du?

EDIT:
Hier zwei Screenshots. Wenn ich seitlich scrolle bleibt die Navigation unverändert. Und das soll ja nicht so sein.
Sie soll ja mitscrollen. ;)

1. www.m-i-u.de/images-i37521b0rvpg.jp...
2. www.m-i-u.de/images-i37522b4g16y.jp...

Deke schon. Wenn man dann ganz nach rechts scrollt, sieht man nur die rechte Seite der Page, aber die komplette Navigationsleiste. Soll das nicht so sein?

s1.directupload.net/images/120810/a...

Aaah.. du willst also genau das nicht, was ich jetzt als normal angesehen hätte.
Naja. Das hat position: fixed; nunmal so an sich ^^

Schaue dir mal meinen EDIT an. Dort habe ich zwei Screenshots eingebunden. So sieht es jetzt aus. Die Navigation soll aber seitlich mitscrollen und nicht unverändert da hängenbleiben.

Genau, dass möchte ich NICHT. Aber auch wenn Position: Fixed; das an sich hat muss es ja einen Weg geben das zu unterbinden.

MFG

Das was du vor hast ist theoretisch möglich, geht aber über einfaches CSS hinaus.

Tut: www.rickyh.co.uk/css-position-x-and...

  

Zitat von ttklS Das was du vor hast ist theoretisch möglich, geht aber über einfaches CSS hinaus. Tut: www.rickyh.co.uk/css-position-x-and...

Also ich habe gerade im CSS aus Position: Fixed; --> Position-Y: Fixed; gemacht aber das bringt nichts. Auch nicht mit X.
Das ganze sollte aber ohne Javascript funktionieren. Und ich bin sicher, dass das auch ohne JS geht. Aber ich weißt nur nicht wie.

MFG

Nur ein klein wenig javascript ist hier dabei (Antwort 1) stackoverflow.com/questions/3923347...

Über eine reine css Lösung müsste ich scharf nachdenken. Hab eigentlich erst ein dickes Buch über CSS durchgeackert, aber mir fällt momentan nichts ein.

Hmm, also Javascript werde ich dafür definitiv nicht anwenden. Das muss doch irgendwie mit CSS möglich sein. Vielleicht auch, in dem man die Navi selber nochmal in nen Div packt und das dann anpasst. Aber ich habe schon genug Kombinationen ausprobiert und nichts hat geklappt. Sag mal, gibt es denn kein CSS 3 - Attribut dafür?

MFG

Also ich hab das heute morgen mit verschiedenen Varianten durchprobiert und hätte dir auch wirklich gerne ein passende Lösung angeboten. Aber rein mit CSS funktioniert es derzeit nicht.

Eine Möglichkeit, die evtl. noch nah dran war: die fixed navibar in einen beschränkten Container packen, der die Bar am horizontalen Scrollen durch Abschneiden hindert.
Das scheitert daran, dass sich fixed nicht mit overflow:hidden abschneiden lässt. Der Container legt sich bekanntlich einfach oben drauf.

Der Versuch dennoch mal hier pastebin.com/Fwrp1T5w
Kannste in nem html-Dokument abspeichern und mal ausprobieren. Selbst wenn das so klappen würde, wäre es wahrscheinlich ziemlich hässlich.

Ich empfinde den derzeitigen Stand auf deiner Seite nicht als störend. Also mach dich deswegen nicht verrückt (oder benutze ein wenig javascript ^_^).

Gruß