Hallo liebe Leute,

ich versuche gerade eine Website umzuarbeiten, die vorher als Frameset
Konzipiert war. Ich habe den Seitenentwurf drauf hin überprüft, ob er Valide ist, was er auch ist (CSS/xhtml).

Die Versuchsseite: http://www.projekt.klaus-j-fuchs.de

Erstes Problem: Wenn ich die Scrollbalken ganz rechts haben möchte, habe ich vorallendingen in Firefox und Mozilla 1.7 doppelte Scrollbalken. Und Unten habe ich einen unschönen streifen.

Zweites und schlimmeres Problem: Im Mozilla 1.5 und Opera wird allerdings gar nichts angezeigt, eine leere Seite, Frust. Irgendwo habe ich einen Fehler den ich bisher nicht finde.

Hier die CSS-Datei (ich schreibe es als Link, damit hier nicht so ein langer Quelltext steht) http://www.projekt.klaus-j-fuchs.de/css/haupt.css

Hat jemand einen Tipp, ich bin gerade ratlos

Klaus

Also der untere Scrollbalken liegt daran, dass die Seite breiter ist als das Fenster! Ich nehme mal an, dass die Seite für 1024*768px optimiert sein soll. Dafür sind 160px (#left) + 855px (#inhalt) = 1015px zuviel! Wenn du insgesamt so ungefähr auf 1000px kommst, hat auch ein Scrollbalken noch Platz!
Bei den beiden vertikalen Scrollbalken würde ich dir raten, die Höhe von #inhalt auf ca. 90% festzulegen. So kann es nämlich sein, dass keine 610 Pixel ins Browserfenster passen!

Wegen Opera und Mozilla bin ich leider überfragt. KA, warum die gar nichts anzeigen!

das liegt daran, das der innere Scrollbalken aufgrund einer fixen Höhe in #inhalt entsteht. Lass da die height weg und fertig.
Warum die Seite in Opera und Moz leer bleibt kann ich aber auf die schnelle nicht erkennen.

__________________
Wer floatet muss auch clearen!, Menu-Listen, 3-Spalten-Layout, CSS-FAQs

Hallo und danke,

die Breite width in #inhalt hatte ich auch schon verändert, ich balanciere da mit dem verschiedenen Browserverhalten von IE, Mozilla und Firefox
herum, um den Scrollbalken soweit nach rechts zu bekommen, wie möglich.

In der Höhe ist es eher ein Problem, würde ich 90% angeben, währe Ebene #inhalt zu klein. Lasse ich die Höhe weg, wird alles mitgescrollt, auch das Menue links, es soll aber nur die Ebene #inhalt bei längerem Inhalt scrollen.

Klaus

Also mit height:90% oder auch height:95% klappt das bei mir perfekt! Wenn du den Container größer haben willst, dann hast du wieder zwei Scrollbalken.

... das liegt an overflow:auto in html, body {...}
In body {...} funktioniert es.

Falls dieses ruleset für den IE gedacht sein sollte, würde ich es in conditional comments setzen.

Gruß
Chattanooga

Habe sowieso ein paar dinge umgestellt, jetzt habe ich zwar den Bereich unten etwas anders konzipiert aber die Browser Opera und Mozilla 1.5 spielen immer noch nicht mit.

Hallo Chattanooga,

also genau weiß ich nicht was du meinst, was soll den an "overflow:auto" falsch sein?

Gruß Klaus

Du hattest overflow:auto im html, body {... } und - wie Du gesehen hattest - spielt da eben Opera und FF nicht mit.
Aber egal, nach der Änderung gehts ja - wie ich inzwischen online gesehen habe .

Gru0 und schönen Abend
Chattanooga

Noch einmal vielen Dank für eure Tipps,

jetzt funktioniert es auch in Opera und Mozilla 1.5

Chattanooga hatte mit der Aussage wohl recht.

| overflow:auto im html, body {... }

Mit der unteren Schreibweise scheint es zu funktionieren.


Allerdings habe ich beim verkleinern des Fensters zwei Scrollbalken, die sich ungünstig verschieben. Na ja, ist die Frage, ob das sich ändern lässt.

Klaus