Responsive Web funktioniert nur bei h3 nicht - Falsche Formatierung?

    Hallo zusammen!

    Ich habe folgendes Anliegen:
    Meine Seite ist auf responsive Web ausgelegt, und es funktioniert auch alles wunderbar.
    Sprich: Der Fließtext bricht sich bei kleinem Display automatisch, und "dehnt sich nach unten aus".

    Allerdings ist dies nicht der Fall, wenn er auf "h3" formatiert ist, da läuft der Text bis ins
    Nichts. Definiert ist diese Überschrift wie folgt:

    }
    h3 {
    font-size: 21px;
    padding: 10px;
    background-color: rgb(156, 0, 93);
    padding-left background: -5px;
    border-radius: 7px;
    white-space: nowrap;
    }

    Ich habe es auch schon ohne white-space versucht, bringt aber nichts. Ich kann mich auch
    nicht daran erinnern, jemals dem restlichen Text eine bestimmte Eigenschaft im Bezug auf
    responsive Web zugeordnet zu haben. Das funktioniert einfach so.

    Besten Dank für eine Rückmeldung!
    nicmedia

    • 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

    Kann man sich das bei dir mal live ansehen? Sonst ist Hilfe schwer.

    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]

    versuch es mal mit
    word-wrap:break-word;
    -ms-word-wrap:break-word;

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    warum genau hast du ein nowrap für white-space gesetzt? Das bewirkt doch genau das Gegenteil: http://www.css4you.de/Texteigenschaften/white-space.html

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Code
    h3 {
  font-size: 21px;
  padding: 10px;
  background-color: rgb(156, 0, 93);
  border-radius: 7px;
  white-space: normal;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}

    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]

    maxe: Frag mich so etwas nicht :-) Das habe ich vor einer halben Ewigkeit so eingepflegt, und weiß den Grund dafür heute nicht mehr.
    SirEctor: Das ist ja das Gleiche, was maxe geschrieben hatte.

    Funktioniert jetzt teilweise. Am PC ist alles in Ordnung, selbst wenn ich den Bildschirm ganz schmal fahre. Verwunderlich nur:
    Wenn ich mir die Seite "hochkant" auf meinem Handy anschaue, habe ich weiterhin das Problem. Hat da auch noch jmd eine Lösung für?

    hast du den Browser-Cache deines Smartphones mal geleert?

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden