Neuer horizontaler Scrollbalken ohne Grund

Ohne Link um das zu sehen ist eine Hilfe so gut wie unmöglich.

Entferne aus Zeile 26 der template css das left: (Rot markierte)

Zitat

#drumrum {
background-color: #e7e7e7;
height: auto !important;
left: 178px;
margin: 0 auto;
overflow: hidden !important;
position: absolute;
top: 8px;
width: 100%;
}

Alles anzeigen

BTW: Die absolute Positionierung des Containers ist eigentlich nicht nötig. Würdest in der CSS noch einige Zeilen Code sparen. Sähe dann so aus:

#drumrum {
    background-color: #e7e7e7;
    margin: 8px auto 0;
    width: 100%;
}

Das reicht nicht aus, in sämtlichen Containern ist eine Breite von 1200px. Ein Tablet hat im Normalfall aber nur 768px x 1024px (1024px x 768px)

Ist doch klar, dass es nicht rein passt.

Zitat von camouflage

Das mit den 1200 px stimmt natürlich, ich werde ein responsives Design daraus machen. Aber erstmal soll diese Version richtig fertig werden, dann kommen die anderen Designs.

Das ist nicht die richtige Vorgehensweise. Mobile First ist die Devise und auch Google achtet darauf. Also vom schmalen Brakepoint zum großen und nicht anders herum. Und das Umwandeln eines statischen Layouts in ein responsives, ist weitaus umständlicher und erfordert mehr Zeit.