Text wird Boxbreite nicht angepasst (gelöst)

[hpt]

Guten Morgen,

stelle gerade fest dass Text (Weihnachswünsche auf Startseite) in einer Box nicht mehr angepasst wird. Text geht über rechten Rand hinaus.

#info_hell {
    width:560px;
    float:none;
    margin:5px auto;
    padding:5px 10px;
    background-color:#e1eef5;
} 

Wer kann helfen, bin schon wieder zu lange draußen mit der css Formatierung.
Danke.

[bizon]

Nimm die width-Angabe raus, dann past sich der Textfluss automatisch an.

Das gleiche gilt für diese CSS Regel, die du komplett enfernen kannst.

.ce_text {
    width: 610px;
}

.ce_text ist ein Blockelement, das ebenfalls automatisch die Breite des Elterelements annimmt.

[fiedsch]

Das ist so, weil Du innerhalb deines <iv id="info_hell"> <div>s mit der Klasse ce_text hast. Und die haben

.ce_text {
    width: 610px;
}

sind also breiter als Dein #info_hel.

Daß der Text abgeschnitten wird liegt an Contaos Definition für

.block {
    overflow-x: hidden;
    overflow-y: hidden;
}

Das ist wahrscheinlich nur bisher noch nie aufgefallen, wenn die Texte in info_hell relativ kurz waren. (wie in dem Content-Element über den Weihnachtsgrüßen).

Edit: zu langsam geschrieben :-(

Edit2: die width in #info_hell brauchst Du, sonst ist es nicht "schmaler und zentriert" unter den "normalen" Elementen. Mit der fest angegebenen Breite bekommst Du aber dann ein Problem, wenn sich das Layout (z.B. auf Smartphones) der Breite anpasst, das #info_hell aber immer 610px breit bleibt. also vielleicht eher prozentuale Breite verwenden?

[hpt]

bei ce_text width 100% und bei info_hell 90% dann passt es.

Besten Dank für die Unterstützung.