Maks bredre på en div class

<div style="width:500px;">
  indhold
</div>

<ole>

- og hvis der er tale om bruger input med ekstremt lange ord, er der blot tale om drilleri - og så dumper du bare indlægget i stedet for at lægge det i databasen  ;o)

/mvh
</bole>

Der kan være mange grunde til at folk indskriver lange ord.. I et forum kan der f.eks. være tale om lange URLer eller andet. Nogle parser dem og indsætter et mellemrum så man tvinger et linjeskift ind, dette efterlader dog linket ubrugeligt, og en anden og mere elegant måde er at bruge følgende CSS på sin boks. Bemærk at dette ikke virker ordentligt i Firefox (den cliper bare uden at tilføje tre punktummer) da det er en del af CSS3 standarten. - de fleste andre browsere har dog allerede support for dette og mons tro det ikke også snart kommer i Firefox!? - Smart er det i hvert fald:

text-overflow:ellipsis;
overflow:hidden;

Dette er givetvis ikke den smarteste løsning i alle sammenhæng, men i nogle kan det være overordentlig smart - DU kan jo prøve det og se ad :-)

Jeg ved ikke hvor "fint" der vil se ud, men man kunne jo bruge overflow:auto sammen med en bredde..

Eksempel:

<div style="width:500px;overflow:auto">
  indhold
</div>

Så kommer der scrollbars, og div'en ødelægger ikke layoutet..

mange tak for hjælpen, det ser ud til at fungere udemærket.

hvis kongknabe lige smider et svar kan du få pointne.

Faldt faktisk lige over denne smarte linje CSS i går aftes der i stedet for at afkorte ord bare bryder dem.. Måske den kan være mere hensigtsmæssig!? (Lige som med den anden virker den ikke i Firefox, der bare cliper i stedet)

word-wrap: break-word;

Går ikke så meget op i point - ellers tak :-)

Hvis du virkelig vil dække dig ind kan du kombinere ovenstående med overflow:auto som thesurfer foreslår. Browsere der forstår "word-wrap: break-word; vil så bare dele ordet, mens browsere der ikke forstår det vil smide en scrollbar ind i bunden så man stadig har mulighed for at læse alt indholdet :-)