1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

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

Dieses Thema im Forum "Design" wurde erstellt von Tomahawk, 13. August 2013.

  1. Tomahawk

    Tomahawk Well-Known Member

    Registriert seit:
    4. Mai 2013
    Beiträge:
    68
    Zustimmungen:
    0
    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:

    Snap4.png

    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!
     
  2. fragenlurch

    fragenlurch Well-Known Member

    Registriert seit:
    6. Mai 2011
    Beiträge:
    449
    Zustimmungen:
    0
    guck dir mal CSS in Verbindung mit overflow an.
     
  3. Tomahawk

    Tomahawk Well-Known Member

    Registriert seit:
    4. Mai 2013
    Beiträge:
    68
    Zustimmungen:
    0
    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
     
  4. fragenlurch

    fragenlurch Well-Known Member

    Registriert seit:
    6. Mai 2011
    Beiträge:
    449
    Zustimmungen:
    0
    aja stimmt. probiers mal mit display: block
     
  5. fragenlurch

    fragenlurch Well-Known Member

    Registriert seit:
    6. Mai 2011
    Beiträge:
    449
    Zustimmungen:
    0
    um sowas von vorn herein zu umgehen, solltest du nen CSS reset machen - da hast du dann auch das display: block mit drinne.
     
    #5 fragenlurch, 13. August 2013
    Zuletzt bearbeitet: 13. August 2013
  6. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    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 "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" ist einfach zu lang ohne Leerzeichen.

    Demnach ist overflow:hidden schon fast das Richtige.
     
  7. Tomahawk

    Tomahawk Well-Known Member

    Registriert seit:
    4. Mai 2013
    Beiträge:
    68
    Zustimmungen:
    0
    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
     
  8. fragenlurch

    fragenlurch Well-Known Member

    Registriert seit:
    6. Mai 2011
    Beiträge:
    449
    Zustimmungen:
    0
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden