[meister56]

Hey,

ich habe ein Problem mit meiner neuen Web-Site, welches einfach nicht lösbar zu sein scheint...:/

Hier ersteinmal der Link:
www.forummitte.de

Ist in XHTML geschrieben, mit einer css und paar andren kleinigkeiten...^^

Es handelt sich um das Menü auf der Linken Seite. An sich sieht das ja nicht schlecht aus, funktioniert und läuft ganz brav an der Seite mit wenn man runter-scrollt...
Nun versuche ich es auch für kleinere Bildschirme umzuschreiben und da tauscht ein fehler auf.. Wenn man nämlich das fenster kleiner macht und zur Seite scrolt läuft es auch horizontal mit und damit auch über den inhalt, was natürlich nicht sein darf...
Habe im Internet ein wenig gesucht, aber so eine Lösung nicht gefunden((..kann mir einer weiterhelfen?..
Wenn das vom code her nicht geht, könnte man als alternative eine andre css nehmen, sobald das fenster kleiner als z.B. 700px ist?..

Wäre echt ne super Sache wenn man da weiter kommt)

Danke im Vorraus und Gruß
meister

[webpeg]

Hallo Meister,

du hast leider nur Klassen definiert, nicht aber div-ID's. Ich würde dir schon dazu raten,
wenigstens für deine Navi eine eigene ID anzulegen.
Meiner Meinung nach besteht ein css-Gerüst u.a. aus: wrapper - header - navi - content - footer.
Diesen 5 Divs würde ich eine ID verpassen. Wenn du dann noch Unterordnungen brauchst, kannst du diese in Klassen einteilen.
Wenn du diesen Divs eine prozentuale Ausrichtung zuordnest, bleiben sie immer am gleichen Platz, egal, mit welcher Browsergröße du es ansiehst.
LG
Peggy

[schatzi]

Zitat von webpeg

du hast leider nur Klassen definiert, nicht aber div-ID's.

Na und?
Ob ich in der CSS ein Element nun über seine ID oder über seine Klasse anspreche, ist doch völlig Banane!

Aber insgesamt würde ich den Code auch nochmal überdenken...
Da sind u.a. ganz komische p's und br's drin...

[webpeg]

Hallo Schatzi,
ich denke nicht, dass es vollkommen Banane ist, denn sonst wäre es ja Unsinn.
Wenn du gleich alles über .class definierst, kannst du keine Unterordnung dazu erstellen.
Wie bei div--> class.

LG
Peggy

[schatzi]

Hallo!

Das müsstest du mir nochmal genauer erklären, bitte!
Was ist mit einer ID möglich, was mit einer Klasse nicht möglich ist?

[threadi]

ID oder Klasse ist eigentlich egal. Was oben schon gesagt wurde: der HTML-Code ist aktuell noch ziemlich fehlerhaft. Korrigiere erstmal diese Fehler:
[Invalid] Markup Validation of http://www.forummitte.de/idee.xhtml - W3C Markup Validator

Das Menü ist dabei besonders fehlerhaft: Menüs baut man als Aufzählungslisten mit darin enthaltenen Links auf. Dein Menü besteht aber aus einer losen Reihe Links die fälschlicherweise auch noch <div>'s enthalten. Auch das solltest Du nochmal neu schreiben.

Dein Wunsch ist btw. aus meiner Sicht nicht per CSS lösbar. Ein fixiert positioniertes Element richtet sich am Viewport aus und scrollt daher sowohl vertikal als auch horizontal mit. Das könnte man höchsten über JavaScript "umgehen". Eine JavaScript-Funktion könnte erkennen, ob die Seite horizontal gescrollt wird, und wenn ja setzt es die fixierte Positionierung für das Menü zurück. Sobald man wieder nach links an den Rand scrollt setzt es die Einstellung wieder zurück auf den Ursprungswert.

[lottikarotti]

Hallo,

Zitat von schatzi

Das müsstest du mir nochmal genauer erklären, bitte!
Was ist mit einer ID möglich, was mit einer Klasse nicht möglich ist?

eine Sache fällt mir da ein: mit einer ID lässt sich eine höhere Spezifität erreichen Aber ich persönlich nutze Klassen und IDs nur dann, wenn sie auch wirklich nötig sind.

Gruß, lotti.