[CSS] Div houdt zich niet aan breedte

[Verwijderd]

Ik ben bezig met een website die ik met divjes en css wil laten werken.
Alleen loop ik tegen het probleem aan dat de div zich niet aan de breedte
houdt als er te lange teksten staan.

Zo heb ik bijvoorbeeld een entry in de database die bestaat uit een lange reeks

code:

:):):):):):):):):):):):):):):) enzovoorts

wat resulteert in een veel te brede pagina en horizontale scrollbalk, wat gewoon
ronduit ranzig te noemen is.

Ik heb al op van alles gezocht, maar eigenlijk weet ik niet precies hoe het heet
waar ik een oplossing voor zoek.
De css code van mijn div is de volgende

code:

DIV.div_bericht {       width: 550px;
                        max-width: 540px;
                        background-color: #FFFFFF;
                        border: 1px solid black;
                        
                        margin-top: 10px;
                        margin-bottom: 10px;
                        position: static;
                        padding: 5px;
                }

Weet iemand wat ik nou precies mee moet geven in de CSS, dat ongeacht
wat er in staat, de DIV gewoon de regel afbreekt en in een volgende regel verder gaat?

[NMe]

PW>>WG

[Verwijderd]

-NMe- schreef op vrijdag 02 september 2005 @ 17:57:
PW>>WG

Excuus

[Sappie]

overflow: hidden;

echter worden de zinnen zonder whitespace daarmee niet afgebroken en hervat op de volgende regel. Voor zover ik weet is dat niet mogelijk.

[ Voor 11% gewijzigd door Sappie op 02-09-2005 18:07 ]

[Verwijderd]

Sappie schreef op vrijdag 02 september 2005 @ 18:07:
overflow: hidden;

echter worden de zinnen zonder whitespace daarmee niet afgebroken en hervat op de volgende regel. Voor zover ik weet is dat niet mogelijk.

De breedtes zijn nou inderdaad gelijk
Goh, dat is echt een opluchting, had al zoveel geprobeerd.

Maar nou vallen de "overflow" karakters weg, wat is dan
verstandig om te doen?
Met PHP een character count doen ofzo en dan een <br /> geven?

[Sappie]

zoiets zou je kunnen doen ja, echter is dat ook alleen maar nuttig als je gebruikt maakt van een monospace font.

[crisp]

wordwrap
overflow:visible kan ook nog; dan houd je box wel op maar loopt de content door (ook niet mooi, maar ja); ander alternatief is je box voorzien van scrollbars dmv overflow:auto

[Verwijderd]

crisp schreef op vrijdag 02 september 2005 @ 18:19:
wordwrap
overflow:visible kan ook nog; dan houd je box wel op maar loopt de content door (ook niet mooi, maar ja); ander alternatief is je box voorzien van scrollbars dmv overflow:auto

We gaan voor de wordwrap, bedankt voor alle reacties

[Sappie]

Het makkelijkste is het natuurlijk als je niet van die mafkezen rond hebt lopen die het leuk vinden van die lange aaneengesloten strings in te voeren

[Verwijderd]

Verwijderd schreef op vrijdag 02 september 2005 @ 18:16:
[...]


De breedtes zijn nou inderdaad gelijk
Goh, dat is echt een opluchting, had al zoveel geprobeerd.

Maar nou vallen de "overflow" karakters weg, wat is dan
verstandig om te doen?

Kijk hieronder:
Klik ook eens op

code:

:):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):)

[Verwijderd]

Sappie schreef op vrijdag 02 september 2005 @ 18:22:
Het makkelijkste is het natuurlijk als je niet van die mafkezen rond hebt lopen die het leuk vinden van die lange aaneengesloten strings in te voeren

Dat sowieso, maar een beetje goed in elkaar gedraaide site moet daar wel mee overweg kunnen natuurlijk

Verwijderd schreef op vrijdag 02 september 2005 @ 18:23:
[...]

Kijk hieronder:
Klik ook eens op [afbeelding]

code:

:):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):)

Dat is misschien wel een leuke optie om in te bouwen I'll keep that in mind