Seite passt nicht in Bildschirm

Lupus_III

Hallo zusammen,

ich bräuchte mal wieder etwas Unterstützung. Die Indexseite meines neuen Prokjekts zeigt eine horizontale Laufleiste und ist somit größer als 100%. Leider komme ich auch nach längerem Suchen (Inspector) nicht dahinter, was dieses Verhalten auslöst. Alle anderen Seiten zeigen dieses Phänomen nicht. Hat jemand eine Idee?

Hier kommt der Link - https://tierheilpraxis-koehler.de/test/index.html

Sempervivum

Das war jetzt wirklich ein wenig eine harte Nuss!

Der Schuldige ist das ul in dem Slider "Was sagen meine Kunden".

Code

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
    height: 12px;
    padding: 0;
}

Alles anzeigen

Diesem weist Du eine Breite von 100% zu, damit es den umgebenden Container ausfüllt. Das Problem ist, dass dieses ul per Default ein padding hat. Das addiert sich zu der Breite, so dass sich mehr als 100% ergeben und die Breite des Browserfensters überschritten wird. Setze ich im Seiteninspektor das Padding auf 0 verschwindet die horizontale Scrollbar.

Lupus_III

Vielen Dank. Da wäre ich jetzt nicht drauf gekommen.

Seite passt nicht in Bildschirm

Jetzt mitmachen!

Tags