Text geht über container raus??? (Twitter Bootstrap)

  • Hallo zusammen,

    ich versuche gerade ein Layout zu bauen.
    Dazu verwende ich erstmals Twitter Bootstrap. (neueste Version)

    Ich habe jetzt das Problem, dass Text über die Container rausgeht.
    Hier ein Screenshot:

    Das Problem ist hier schön ersichtlich:
    http://jsfiddle.net/C8xps/

    Kann mir jemand einen Tip geben, wie das sauber behoben werden kann?

    Sollte sich jemand mit Bootstrap auskennen:
    Ist das HTML-Markup so OK, wie ich es auf dem Beispiel gemacht habe?

    Vielen Dank!

    • 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

  • Hallo,

    danke für die Rückmeldung.
    Bist du sicher, dass "overflow" das richtige hierfür ist?
    Klar, wenn ich dem container beispielsweise "overflow: hidden;" gebe, dann wird der Text abgeschnitten.
    Der Text soll aber umbrechen und in der nächsten Zeile weitergehen und nicht verschwinden...

    Mit "white-space" habe ich auch schon erfolglos probiert.
    Sonst noch Ideen?

    Danke

  • um sowas von vorn herein zu umgehen, solltest du nen CSS reset machen - da hast du dann auch das display: block mit drinne.

    In der Hektik verliert sich die Logik. - Fred Ammon

    Einmal editiert, zuletzt von fragenlurch (13. August 2013 um 15:48)

  • Du solltest es mal mit einem richtigen Blindtext probieren. Klar geht der Text über den Rand, denn es gibt kein Leerzeichen, an dem umgebrochen werden kann. Das Wort "[FONT=Consolas]AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" ist einfach zu lang ohne Leerzeichen.

    Demnach ist overflow:hidden schon fast das Richtige.[/FONT]

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Oh Mann, du hast vollkommen recht ;-)
    Mit einem normalen Text funktionierts natürlich.
    Jetzt kommt mir auch, dass ich das selbe Problem schon mal hatte und damals schon geflucht habe... :-)

    Vielen Dank

Jetzt mitmachen!

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