Julius Hacker: &CSS: horizontaler Scrollbalken in Mozilla

Hallo!

Ich bin gerade dabei mir eine "kleine" Website üebr das Videospiel
Final Fantasy zu machen.

Schaut sie euch dazu am besten einmal an (noch im Betastadium!):
<www.finalfuture.de/thefinalfuturebeta/>
Benutzername: Beta-User
Passwort: finalfuture

Wenn ihr die Seite mit Mozilla öffnet, wird euch warscheinlich der horizontale Scrollbalken unten auffallen.

Ich versuch schon seit einigen Tagen diesen wegzubekommen.

Ich finde aber weder in meinem CSS Style noch in meinem HTMl Code einen Fehler der dies verursachen könnte. (jedenfalls die Newsseite am Anfang ist XHTML 1.1 valid und der CSS Style CSS valid)

Habt ihr eine Idee wie ich den Scrollbalken wegbekomme?

Ach und nochwas:

Zur Bewertung der Seite mach ich später evtl. noch nen Thread auf wenn die Seite mal fertig ist also sparts euch ;)

Schonmal danke für die Hilfe!

mfg
Julius

  1. Dein Problem besteht in dem ersten div-Element nach body und außerdem auch beim Opera.
    Für dieses div-Element bestimmst du nämlich keine Breite, weswegen eine Breite von 100% angenommen wird, die dann natürlich rechts aus dem Bildschirm geht.
    Für eine solche Analyse empfehle ich auch, das Stylesheet border.
    Da kannst du z.B. in deiner style.css
    div { border:red solid 1px; }
    angeben.
    So erkennt man sofort, welches div-Element zu breit ist und den Scrollbalken verursacht.

    1. Hoi Markus,

      Danke, jetzt funktionierts :)

      Auf das mit dem border hät ich auch kommen können, aber egal das nächste Mal denk ich daran.

      mfg
      Julius