Seite ist horizontal scrollbar - wieso?

    Hallo zusammen,

    ich baue mir gerade eine Seite auf, die vorgefertigte style.css vom Bootstrap-Template habe ich mir schon so umgebaut, wie ich sie gerne hätte. Beim Umbau ist allerdings etwas merkwürdiges passiert: Die Seite ist zur Zeit horizontal scrollbar, obwohl eigentlich kein Element so groß ist, dass das der Fall sein sollte.

    Kann mir da jemand helfen?

    Seite: http://fwerner.bplaced.net/wordpress/


    Danke und Grüße
    Fabian

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Einige Formatierungen verstehe ich in Deinem Entwurf nicht. Wenn Du ohnehin sauber beginnen möchtest, könntest Du auch gleich Deine eigene CSS Styles verwenden und weißt dann wenigstens, warum welche Elemente welche Formatierungen benötigen.

    Wichtig wäre auch, Du würdest bereits wissen, was in den Head einer Seite gehört und was in den Body, die CSS-Dateien von Google-Fonts API haben zum Beispiel nichts im Body verloren.

    Beim Entwerfen kannst Du den DIVs Border in unterschiedlichen Farben verpassen, dann siehst Du sofort, welcher aus der Reihe tanzt. Wenn die Seite dann fertig ist, entfernst Du die Border wieder.

    Und dieses ganze jQuery Zeug, füge das erst ein, wenn der Entwurf fertig ist, auch da könnte etwas stören.

    Einmal editiert, zuletzt von Melewo (9. September 2013 um 21:24)

    Danke für Deine Antwort. Leider habe ich nicht allzu viel Zeit momentan. Die Website muss bis Mitte kommender Woche stehen. Ich möchte nur kurzfristig das Scrollproblem beheben und mich dann später an die saubere Lösung begeben.

    Jemand eine Idee?

    Zitat von Melewo

    Das ist die richtige Einstellung.


    Lieber Melewo, wir sind hier nicht bei "Bau Dir Deine Website nach allen Regeln der Kunst". Ich brauche gerade lediglich Hilfe zum "SCROLLBARPROBLEM" nicht auf die Frage "Wie sieht mein Quellcode schön aus?"...

    Noch nicht geändert, warum nicht, was hat das immer noch im Body zu suchen?
    Noch keine 3 Minuten Zeit gehabt?

    HTML
    </ul></div>            </div>
        </div>
    </div>


<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'>

    Warum hast Du den DIVs für einen Test noch keine farbigen Border verpasst und dazu mal von Außen beginnen mal ein width mit unterschiedlichen Angaben in Prozent oder Pixeln?
    Noch keine Zeit 10 Minuten gehabt?

    Warum hast Du nicht wenigstens mal zum Test den oberen JS-Block mit /**/ deaktiviert?
    Noch keine Minute Zeit gehabt?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden