Body größer als 100%

CreateTheWeb

Hallo liebe Community,

ich habe folgendes Problem. Meine Seite hat eine horizontale scrollbar. Ich möchte diese aber nicht haben.

Dies bedeutet, der body hat 100% aber die gesamte Seite hat noch ca. 20px mehr und ist deswegen scrollbar.

(Es liegt nicht am Header, da das Problem besteht auch wenn ich ihn lösche)

html-seminar.de/woltlab/attachment/2164/

Sailor

Gib uns einen Link zu der Problemseite, Rätsel raten ist nicht zielführend und Hellsehen können wir nicht.

Wenn die Seite noch nicht online ist, dann poste den kompletten Code (HTML und CSS ) und nutze dafür die in der Kopfleiste zur Verfügung gestellten Einfügefunktiom '</>'.

Arne Drews

Der Klassiker wäre, wenn Du HTML und BODY nicht auf margin:0; padding:0; gesetzt hast.

CreateTheWeb

https://www.stl-leuthe.de/iot.html

Sailor

Auf die Schnelle finde ich nur eine mögliche Ursache - in einer deiner Bootstrap CSS Dateien wird für die Klasse 'row' links und rechts ein Margin von -15px vorgegebene.

Code

.row {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-right:-15px;
 margin-left:-15px
}

Versuche das mal zu überschreiben durch

Code

.row {
  margin-left: 0;
  margin-right: 0;
}

möglichst im Custom CSS und wenn das funktioniert, dann die ganze Seite auf eventuelle Nebenwirkungen überprüfen.

basti1012

Code

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

mach mal das margin weg dann sieht es besser aus.

Jetzt mitmachen!