[DIV] contentEditable:true, fixed width?

[Mir]

He!

Ik heb een <DIV contentEditable=true> maar wil de width fixed/hard hebben staan.

als je nu

code:

testtesttesttesttesttesttesttesttesttesttesttesttest

lang achter elkaar invoert wordt de DIV opgerekt. Dit wil ik niet! Hij moet dan gaan wrappen, maar ik krijg dat dus niet voor elkaar!

Iemand een oplossing?

Ik doe het liever niet met een javascript wat contstant de hele innerText bekijkt, omdat dat traag kan gaan worden!

tnx

[BtM909]

Volgens mij is dit probleem juist omdat je geen spaties in je content hebt en de browser dus niet weet waar ie moet wrappen. Ik zal even opzoeken of er een CSS attribuut is wat het gewenste resultaat oplevert

Het is overigens in een textarea wel weer goed geregeld

[Mir]

Ja,

zoals waar je nu in typt voor het editten van je bericht, dat werkt prima

Dat is ook gelijk het antwoord op je vraag "waar moet hij wrappen?": Op dezelfde plek als waar deze textarea hem wrapped!

maar hoe vertellen we het hem dat?

[BtM909]

IE only (helaas):

Cascading Stylesheet:

  /* IE5.5 en hoger */
  word-wrap: break-word;

edit:

Het wordt steeds spannender

Cascading Stylesheet:

  /* IE5 en hoger */
  word-break: break-all;

Ach, voortaan gewoon beter zoeken
http://scottonwriting.net/sowblog/posts/2272.aspx

[ Voor 85% gewijzigd door BtM909 op 02-05-2005 15:50 ]

[Mir]

Ik dank u

[edit]
heel contentEditable is volgens mij IE-only

[ Voor 72% gewijzigd door Mir op 02-05-2005 16:10 ]

[BtM909]

Is dat echt zo?

[google=firefox contentEditable]

[RobIII]

overflow: hidden misschien
of iets van overflow-x: hidden (maar die's ranzig want nog niet officieel in de CSS specs volgens mij)...

[ Voor 65% gewijzigd door RobIII op 02-05-2005 16:18 ]

[Mir]

ach, heb er nooit echt naar gekeken of het nou IE only was of niet

[Verwijderd]

Is dat echt zo?

Ja, maar Safari 1.3 heeft ook een implementatie. (Mozilla/Firefox heeft designMode, geen contentEditable vooralsnog.)

[Verwijderd]

of iets van overflow-x: hidden (maar die's ranzig want nog niet officieel in de CSS specs volgens mij)...

Wel, het staat in de CSS3 box module en wordt ook ondersteund door Mozilla. (Firefox 1.1.)

[BtM909]

Verwijderd schreef op maandag 02 mei 2005 @ 17:04:
[...]
Ja, maar Safari 1.3 heeft ook een implementatie. (Mozilla/Firefox heeft designMode, geen contentEditable vooralsnog.)

Ah fok, you're right... Zat met gedachten bij iets anders

Maar probleem is volgens mij al opgelost van TS