Avatar billede mulemule Nybegynder
16. oktober 2007 - 19:39 Der er 19 kommentarer

Teksombrydning i firefox.

Hej.

Hvis jeg laver en div sådan her:

<div style="width:100px; height:100px;overflow:auto;">
http://www.eksperten.dk/artikler/1136
</div>

Så kommer der horisontale scroll bar, det ønsker jeg ikke. I IE og safari kan jeg blot løse problemet med style="word-wrap:break-word;" , men firefox understøtter ikke word-wrap style.

Hvordan kan man gøre i firefox, for at opnå samme resultat.

Selvfølgelig kunne jeg indsætte mit eget "mellemrum-tegn" men det ønsker jeg ikke da der så ikke kan ordenligt copy pastes.

Mvh
Avatar billede olebole Juniormester
16. oktober 2007 - 19:41 #1
<ole>

Så er der ingen tilgængelige løsninger

/mvh
</bole>
Avatar billede mulemule Nybegynder
16. oktober 2007 - 19:43 #2
Lad os se om der alligevel kan være nogen der har nogen bud. . Jeg venter i spænding.
Avatar billede erikjacobsen Ekspert
16. oktober 2007 - 19:46 #3
Ham Ole har nu sommetider ret. Det er proprietær funktionalitet i IE (og tilfældigvis i et antal Safari-versioner), og det er ikke en del af nogen standarder. Du kan kode dig ud af det ved selv at sætte et lille mellemrum i lange ord, men selvfølgelig går det så galt ved klippe/klistre. Så må du gøre op med dig selv hvad der værst. Det er da ikke over halvdelen, der bruger Firefox...
Avatar billede erikjacobsen Ekspert
16. oktober 2007 - 19:51 #4
...og dem, der så bruger FF, er nok også dem der først kommer med på CSS3 - hvis historien gentager sig ;)
Avatar billede olebole Juniormester
16. oktober 2007 - 19:56 #5
Erik >> med mindre, vi taler om overflow-x og overflow-y, som bliver en del af CSS3, men har været understøttet siden IE4 ... og det sneste halvandet år af FF  ;o)

mulemule >> Tro mig: det er der ikke. Har været 'hyperaktiv' på E i 8 år og spørgsmålet er oppe temmelig ofte. Erik har vist endda været her endnu længere  ;o)
Avatar billede kalp Novice
16. oktober 2007 - 20:31 #6
istedet for dit eget mellemrum kan du vel indsætte et lille png billede... dvs. et transparent billede.

Det kommer vidst ikke med i copy & paste - og dog.. kunne forestille mig at word er sat op til at sluge det hele, men oh well.. den er transparent så man opdager den nok ikke:S
Avatar billede erikjacobsen Ekspert
16. oktober 2007 - 21:05 #7
Ja, eller CSS4 - jeg vil hygge mig i gyngestolen på verandaen på plejehjemmet med at læse specifikationen.

Bare fordi man har været længe på eksperten.dk, så ved man ikke alt. Jeg skal undlade at nævne navne ;)
Avatar billede olebole Juniormester
16. oktober 2007 - 21:10 #8
- og kun én bruger taler om 'alt'! Andre taler om, at ved at have været her rigtig længe, ved man, hvad det endnu ikke har været muligt at svare på ... selv for folk, der har været her (endnu) længere  ;o)
Avatar billede kalp Novice
16. oktober 2007 - 21:14 #9
Jeg ved ikke om Jeres indirekte snak peger imod mig, men i hvertfald så er min fremgangsmåde, at sige hvad jeg har på hjertet.

Hvis det ikke virker så skader det ikke nogen - men hvis mellemrum virker så kunne det have været et alternativ, men selvfølgelig utestet.

Der er vidst ingen regler om, at man skal foretage unit test på det man skriver.
Avatar billede olebole Juniormester
16. oktober 2007 - 21:40 #10
erikjacobsen skrev til og om mig ... jeg skrev til og om erikjacobsen  :)
Avatar billede erikjacobsen Ekspert
16. oktober 2007 - 22:21 #11
Nej, det var ikke møntet på dig, kalp. --- bortset fra st du heller ikke ved alt, formentlig ;)

Man kan ikke lave om på virkeligheden, mulemule.
Avatar billede kalp Novice
16. oktober 2007 - 22:28 #12
nej jeg ved ikke alt:P
men når jeg ved meget så bliver jeg godt tilfreds:)
Avatar billede mulemule Nybegynder
17. oktober 2007 - 15:33 #13
Hej. Tak for svar.

Jeg må sige, jeg tror at i kan tåle det olebole og erikjacobsen, at i er sådan en annelse små-tossede . :) .

Ide der findes en løsning på problemet :

Man kan indsætte et <wbr> tag, i de lange ord, eller evt bare imellem hvert bogstav - det løser problemet og der kan stadig copy pastes helt uden problemer.

Hvis man ønsker det kunne man lave et script som gør det automatisk på en måde så at man blot skulle tilføje et særlig class name i de diver hvor man ønskede word-wrap:break-word i firefox.

Så sådan er det. Med mindre der er et eller andet jeg har overset.

Ja altså <wbr> taget er godt nok ikke w3c standard, men det virker i firefox.

God vind med kodningen.
Avatar billede mulemule Nybegynder
17. oktober 2007 - 15:40 #14
Eksempel:

<HTML>
<HEAD>

</HEAD>
<BODY>
<BR>
<div style="width:100px; height:100px;overflow:auto;">
http:/<wbr>/revi<wbr>ews.cn<wbr>et.<wbr>com/<wbr>online<wbr>-softwa<wbr>re-servi<wbr>ces/goo<wbr>gle-maps<wbr>/4505-<wbr>923<wbr>9_7<wbr>-31<wbr>59112<wbr>8.ht<wbr>ml
<br>
<br>
http:/<wbr>/www.ek<wbr>sper<wbr>ten.dk/ar<wbr>tikle<wbr>r/1136
</div>
</body>
</HTML>
Avatar billede olebole Juniormester
17. oktober 2007 - 16:06 #15
At jeg kun anses for at være 'sådan en anelse småtosset', skuffer mig i noget nær ubærlig grad! Tag dig ikke af Erik og mig. Vi har 'kendt' hinanden i 7-8 år ... er meget forskellige, men har alligevel en hel del tilfælles, som vi i årenes løb har hygget os vældigt med. Bare rolig: Vi kan tåle os selv og hinanden, så vi kan tåle det meste  ;D

Ja, <wbr> er en mulighed, men da den ikke er valid, er det ikke en løsning i min verden  :)
Nu ved jeg ikke præcis, hvordan du skal bruge det, men er det f.eks. et link i en smal venstresøjle, ville jeg måske gøre noget à la:

<div style="width:100px;height:100px;overflow:hidden">
<a href="http://www.eksperten.dk/artikler/1136" title="http://www.eksperten.dk/artikler/1136">http://www.eksperten.dk/artikler/1136</a>
</div>

Så vil en del af link-teksten ganske vist blive skjult ligesom her på Eksperten, men du får den hele at se i tooltip'et ved mouseover
Avatar billede mulemule Nybegynder
17. oktober 2007 - 16:30 #16
Tak for tip, det er ikke lige til at forklare kort hvordan det skal bruges.

Jeg laver word-wrap:break-word til de browsere som kan det, og til de andre indsætter jeg <wbr> i hvert tiende tegn i lange ord. Sidder lige og fikser det.

Det er fint med w3c og standarder, men i dette tilfælde må der snydes lidt.

God dag !
Avatar billede erikjacobsen Ekspert
17. oktober 2007 - 16:34 #17
Hvis ellers mine grøngrå hjerneceller har fremdraget den rigtige besværgelse fra de underste lag af hjernebarken, så kan man erstatte <wbr> med det validerbare  <span style="font-size: 0px"> </span>. Ikke at det sku' være nødvendigt i dit tilfælde.
Avatar billede olebole Juniormester
18. oktober 2007 - 16:14 #18
mulemule >> Design, der ikke tager hensyn til indholdet, er næppe en holdbar undskyldning for skidt kode. I stedet for at løse problemet, ender man op med et skidt design og en skidt kode  :)
    http://www.eksperten.dk/spm/801318#rid6903792
Avatar billede mulemule Nybegynder
20. oktober 2007 - 17:19 #19
Altså du aner jo ikke hvad jeg laver - du er virkelig underlig.

Er du ikke bare ked af at du skrev at noget ikke kunne lade sig gøre, og gentog det tre gange, og at det så viste sig at det godt kunne lade sig gøre alligevel
?

Eller du viste måske hele tiden at det godt kunne lade sig gøre ?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester