Tekstbrytning i en DIV

[K..]

Hei.

 

Hvordan kan man få en DIV til å bryte teksten når hele bredden er fylt ut?

Vil gjøre dette for å forhindre en vertikal scroll. Synes det er tungtvint å dele teksten selv for å unngå dette.

 

Om noe her ble uklart, skrik ut.

 

 

Takker for alle svar.

[Haraldson]

Det er bare å sette en definert bredde på diven, og sette teksten inn i en/flere <p>-er uten bredde, det

 

(Om jeg forsto deg rett, that is)

[K..]

Slik er DIV-en satt opp i css-dokumentet mitt:

 

#rightcontent {
position: absolute;
left:730px;
top:180px;
width:210px;
background:#4E667A;
border:1px solid #000;
height: 600px;
margin: 0 auto;
overflow: auto;
 }

 

I html-dokumentet mitt har jeg inni DIV-en:

<pre>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</pre>

 

Når jeg laster opp siden får jeg en verdikal scroll selv om jeg ønsker at teksten skal bli slik:

 

aaaaaaaaaaa

aaaaaaaaaaa

aaaaaaaaaaa

 

 

Har det noe å si om jeg bruker <pre> istedet for <p> ?

 

Takk for raskt svar!

Endret 2. oktober 2005 av Knut Erik

[Steinmann]

*snipp masse kluss*

Dette viser bare at du ikke veit hva du snakker om og vil derfor missvise trådstarter!

 

------------------------------------------

 

<div id="content">
 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean tincidunt porttitor ante. Vivamus vitae quam sit amet arcu sollicitudin varius. Suspendisse varius condimentum diam. Mauris mollis adipiscing augue. Cras aliquam mauris sed magna. Maecenas risus massa, molestie vulputate, scelerisque at, mattis vitae, erat. Etiam vitae elit pellentesque velit interdum tristique. Vivamus at tortor et ante congue faucibus. Suspendisse potenti. Quisque nisi. Aliquam feugiat porttitor sapien. Nullam pulvinar. Fusce nibh ante, semper vel, posuere non, pellentesque ut, tellus. Ut ipsum nisi, congue id, blandit nec, rutrum nec, quam. Aliquam in velit. Nunc vel urna.
</p>
</div>

#content {
width: 600px;
}

 

Altså slik mr.berg sa

 

EDIT: leifur

Endret 2. oktober 2005 av orsus

[Haraldson]

Har det noe å si om jeg bruker <pre> istedet for <p> ?

I tilfellet du nevner, har dette ingenting å si.

 

Vet ærlig talt ikke om det går an å fikse dette automatisk, i tilfelle må bruke et serverside-språk, tror jeg. For øvrig ser jeg ikke vitsen med å skrive masse a-er ved siden av hverandre

 

Edit@Orsus: Han er trådstarter

Endret 2. oktober 2005 av Mr.Berg

[K..]

*snipp masse kluss*

Dette viser bare at du ikke veit hva du snakker om og vil derfor missvise trådstarter!

Jeg er da virkelig trådstarteren.

Vet at jeg ikke har så stor peiling, men prøver å lære av dere ved å spørre her.

 

Eksemplet med mange a-er ved siden av hverandre var bare et eksempel for å vise hva jeg mente.

 

Skal prøve meg litt frem nå og se hva jeg finner ut.

[Haraldson]

Eksemplet med mange a-er ved siden av hverandre var bare et eksempel for å vise hva jeg mente.

Vanlig tekst vil brytes helt fint, fordi det er masse mellomrom i denne. Du skal ikke lage en webside uten mellomrom i teksten?

 

www.lipsum.com

Endret 2. oktober 2005 av Mr.Berg

[K..]

Hm... Det blir ikke riktig her.

[Haraldson]

	#rightcontent {
width:210px;
background:#4E667A;
border:1px solid #000;
height: 600px;
margin: 0 auto;
 }

Prøv med dette istedenfor CSS-koden du har for diven nå... Masse var unødvendig.

[K..]

Hva var unødvendig i min config?

DIV-en legger seg ikke riktig når jeg bruker det du skrev.

[Haraldson]

Ikke så lett å vite det, når du ikke linker til sida. Dessuten er position: absolute; og det som hører med i de fleste tilfeller unødvendig...

[K..]

Skal sjekke over css/html-kodene og se hva jeg finner ut.

 

Takker så mye for tips/info fra dere.

[endrebjo]

I html-dokumentet mitt har jeg inni DIV-en:

<pre>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</pre>

 

Når jeg laster opp siden får jeg en verdikal scroll selv om jeg ønsker at teksten skal bli slik:

 

aaaaaaaaaaa

aaaaaaaaaaa

aaaaaaaaaaa

For å løse dette i gjesteboken min bruker jeg følgende funksjon når jeg skriver innlegget inn i filen med alle innleggene:

 

$beskjed = wordwrap($temp, 70, " ", 1);

$beskjed er det endelige innlegget som blir skrevet inn.

wordwrap() er den nødvendige PHP-funksjonen

$temp er meldingen som kan inneholde lange ord

70 er antall tegn det skal være lov til å være i ett ord før det deles.

" " viser at delingen skjer vha. et mellomrom.

1 gjør at ordet blir delt.

 

Edit: du må da ha mulighet til å bruke PHP.

Endret 2. oktober 2005 av endrebjorsvik89

[Steinmann]

Edit@Orsus: Han er trådstarter

Litt kjapp der ja, trodde det bare var noen som copy-pastet noe ifra siden sin for å "vise" hvordan man skulle gjøre det

 

Men man skal ikke få vertical scroll om du legger teksten i p elementer osv.

PRE får vel scroll som default fordi den skal ikke gi linjeskift.

 

Noe spess grund til at du bruker PRE?

[K..]

Er ingen spesiell grunn til at jeg bruker <pre>

Kan godt gå over til <p> antar jeg.

overflow: auto;

Dette gjør at jeg får scroll i DIV-en.

[Steinmann]

Hvorfor har du satt det da?

Og vil ambefale og bruke P fremfro PRE mtp semantik

[K..]

Har satt "overflow: auto;" fordi jeg ønsker en horisontal scroll på siden av DIV-en.

Da kan jeg sette høyden til f.eks 600px så vil den horisontale scrollen automatisk komme når jeg skriver over 600px nedover med tekst.

[Dustwave]

bare legg til:

 

word-wrap: break-word;

 

i stylen til div'en

ellers funker ikke det på midten av ord, men den bryter standard tekst.. det med overflow auto klarer du vel å finne ut av selv? =P

[endrebjo]

bare legg til:

word-wrap: break-word;

i stylen til div'en

ellers funker ikke det på midten av ord, men den bryter standard tekst.. det med overflow auto klarer du vel å finne ut av selv? =P

Det må være den eneste nyttige funksjonen som det kun er IE som støtter.

Endret 2. oktober 2005 av endrebjorsvik89