Avatar billede mulemule Nybegynder
16. oktober 2007 - 19:16 Der er 9 kommentarer og
1 løsning

Teksombrydning i div med overflow auto.

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, kan jeg på en eller anden måde få linket til at tekstombryde i stedet for.

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 w13 Novice
16. oktober 2007 - 19:19 #1
Prøv med word-wrap:break-word; i stedet for overflow:auto;
Avatar billede mulemule Nybegynder
16. oktober 2007 - 19:29 #2
Tak dejlig style, den virker - man kan bare have både overflow:auto og den samtidig.

Men er der nogen der ved om den virker til Gecko + Safari + IE 5.5 også ?
Avatar billede w13 Novice
16. oktober 2007 - 19:35 #3
Jeg synes at kunne huske, der er nogle problemer med enten overflow eller word-wrap (eller begge?). Jeg har downloadet bl.a. Safari netop for at kunne opdage den slags, men jeg er på arbejde nu, så jeg kan ikke tjekke det.

Du kan hente det her: http://www.apple.com/safari/
Det fylder ikke alverden og er meget god at ha', når man skal se, om ens sider ligner crap i andre browsere. =)
Avatar billede olebole Juniormester
16. oktober 2007 - 19:36 #4
<ole>

Ja, 'word-wrap' er ikke valid og virker ikke mange steder (hvis overhovedet mere end ét). Den bliver den engang, når CSS3 bliver færdig - og ikke mindst understøttet af browserne. På det sidste område kniber det jo stadig med version 2.1. Der er i dag ingen muligheder i CSS for at bryde sammenhængende linjer  :o|

/mvh
</bole>
Avatar billede mulemule Nybegynder
16. oktober 2007 - 19:36 #5
Tak, jeg har den allerede.

word-wrap er slet ikke understøttet i firefox.

Jeg laver lige et nyt spm.

Husk at svar i svar.
Avatar billede w13 Novice
16. oktober 2007 - 19:40 #6
Ok.
Avatar billede mulemule Nybegynder
16. oktober 2007 - 19:42 #7
Nyt spm tekstombrydning i firefox : http://www.eksperten.dk/spm/801321 .

Olebole -> Tak for svar om at det ikke kan lade sig gøre, men måske kan det lade sig gøre på en eller anden måde alligevel (selvfølgelig vha valid css 2.1).

Har før hørt om ting som ikke kunne lade sig gøre, men som så pludselig kunne lade sig gøre alligevel , generelt og specielt indenfor computer.

Tak igen.
Avatar billede olebole Juniormester
16. oktober 2007 - 20:00 #8
Selvtak - men du kan nu ganske roligt tro, hvad jeg skriver. Du skal vist lede mere end grundigt, hvis du skal finde et komma i W3C's CSS-rekommandationer, jeg ikke har været forbi fem-seks gange  ;o)
Avatar billede mulemule Nybegynder
18. oktober 2007 - 15:20 #9
Men det kunne så godt lade sig gøre alligevel:

Se http://www.eksperten.dk/spm/801321

Også til firefox - dog kun ved brug af ikke w3c-html indtil videre.
Avatar billede olebole Juniormester
18. oktober 2007 - 16:11 #10
Nej, ikke med CSS ... og invalide hacks er stadig 'ikke-løsninger' i min verden.
I stedet må man indrette sit design i forhold til, hvad der er muligt indenfor teknologierne. Lidt ligesom man designer sko efter, hvordan fødder ser ud - i stedet for at høvle fødderne til, så de passer til skoene  ;o)
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