Layout verschiebt sich von links nach rechts

[Treffpunkt]

Hallo Contao-Forum,

hab mich hier angemeldet, da ich vor ein paar Tagen Contao erst kennengelernt hab, da ich nun eine Website pflege, die zuvor schon erstellt wurde.

Mein Problem ist, dass ich unter "Dateiverwaltung" den Ordner gelöscht hab, in dem das Hintergrundbild des Thems lag. (background.gif)
Da bis auf diese eine Datei nichts anderes in dem Ordner war, was für die Website nötig war, hab ich mir die Hintergrundgrafik einfach neu aus dem Internet und unter Dateiverwaltung wieder hochgeladen. Dann eben noch unter "theme-stylesheets" im body den neuen Pfad korrigiert - und fertig.

Somit war mein Problem eigentlich gelöst. Der fehlende Hintergrund war wieder da.
Doch komischerweise springt seit dem die ganze Seite von links nach rechts, je nachdem welche Unterseite auf der website anklickt.

Um es besser zu verdeutlichen, was ich meine, klickt bitte auf meiner Seite: ( http://www.treffpunkt-malawi.de/ ) mal auf den Unterpunkt "Home" und auf "Kontakt".
Das ganze Layout verschiebt sich nach links bzw. rechts.

Was hab ich falsch gemacht, wie kann ich es beheben?

EDIT:
mir ist grad aufgefallen, dass es an der Scrollleiste rechts liegt. Auf Seiten, bei denen keine Scrollleiste nötig ist, springt die Seite um die Breite der Scrollleiste nach rechts.
Eigentlich würde es zur Problemlösung reichen, wenn man es so eistellt, dass immer eine Scrolleiste angezeigt wird, auch wenn keine notwendig ist, oder? Nur wie mach ich das?

viele Grüße
Treffpunkt


P.S.:
mein bisheriges Contao-Wissen besteht nur aus wenigen Tagen try-and-error... wirklich Ahnung hab ich davon nicht.
Jedoch hab ich vor ein paar Jahren viel mit klassischen html mit etwas css gebastelt.
Währe daher super, wenn ihr es für einen Anfänger verständlich erklärt.

Danke!

[xchs]

Hallo Treffpunkt,

das liegt daran, dass die Seiten unterschiedlich lang sind und demzufolge (bei langen Seiten) ein Scrollbalken im Browser eingeblendet wird.

Die CSS-Anweisung

html {overflow-y:scroll}

sollte das richten. Damit wird in jedem Fall immer ein sichtbarer Scrollbalken angezeigt.

[Treffpunkt]

Ah, danke.

Wo füge ich das denn ein?
Ich hab scheinbar 3 .css dateien: basic, print und tpm (Name der Seite)

Aber was mich wundert, warum war es vorher nicht so? Ich hab ja an den css Dateien nichts geändert.

[xchs]

Ich hab scheinbar 3 .css dateien: basic, print und tmp (Name der Seite)

Probiere es mal mit der "basic".

Aber was mich wundert, warum war es vorher nicht so? Ich hab ja an den css Dateien nichts geändert.

Ich würde meinen, es war vorher auch schon so. Das Hintergrundbild dürfte daran jedenfalls nichts geändert haben. Du kannst es Dir auch hier in der Contao Online-Demo anschauen; auch dort springt die Seite, je nachdem, ob ein Scrollbalken eingeblendet wird oder nicht.

[Treffpunkt]

Wo fürge ich dass denn jetzt ein?

Muss ich den von dir geposteten Tag einfach nur an der richtigen Stelle einfügen, oder einen bestehenden Tag ändern?

[xchs]

• "Layout" > "Themes" > "Stylesheets"
• Stylesheet "basic" zur Bearbeitung öffnen (Bleistift-Icon)
• "Neue Formatdefinition" erstellen
• Im Feld "Selektor" gibst Du "html" ein
• Ganz unten im Abschnitt "Eigener Code" gibst Du "overflow-y:scroll" ein
• Datensatz speichern
• Frontendansicht aktualisieren (und ggf. den Browsercache bereinigen)

[Treffpunkt]

wenn ich auf "neue Formatdefinition" klicke, passiert nichts.

Du meinst doch hier, oder?
Unbenannt.jpg

[xchs]

Doch, da passiert schon was. Ganz rechts wird Dir nun ein neues Icon (weißer Pfeil auf braunem Hintergrund) angezeigt. Damit legst Du fest, wo die neue Formatdefinition eingefügt werden soll. Du kannst das neue Style aber ganz am Anfang (also vor dem Eintrag für "body") einfügen.

[Treffpunkt]

Super, danke!

Funktioniert perfekt.