To paragrafer ved siden av hverandre

[Joakim Gjerde]

Hei!

Vil legge opp en splittet paragraf på siden min, altså at to paragrafer blir liggendes ved siden av hverandre. Jeg vil gjøre dette for å slippe så lange settninger.

 

Problemet mitt er bare at når jeg legger til en <p> med float left og en med float right blir bakgrunnen borte. Tar jeg derimot bort float er bakgrunnsfargen der. Skjønner ikke hva som blir gjort feil. Legger ved kildekode.

 

Håper noen har en fornuftig løsning på mitt problem

mal.html

stilark.css

[Haraldson]

Dette kommer mest sannsynlig av at du ikke clearer etter de floatede elementene på noen måte.

 

Prøv å legge til følgende etter <p>-ene og før en eventuell container-div slutter, som for eksempel en #content-div;

 

<hr style="width: 100%; clear: both; visibility: hidden;" />

[Joakim Gjerde]

Det virket, takk takk.

 

Noe godt svar på hvorfor dette må gjøres?

[Haraldson]

Her er en artikkel som beskriver problemet

[Joakim Gjerde]

Kunne jo faktisk bare legge til en <br/> også, hmm, snodig..

Men det funka da

 

Hva blir mest riktig til denne bruken? <br /> eller <hr> ?

 

<br /> ga meg faktisk mindre mellomrom.

[Haraldson]

<br /> er jo et såkalt hardt linjeskift, et tvunget linjeskift, og jeg unngår å bruke det så lenge det går, eller til jeg finner ut at jeg skal skrive dikt eller sangtekster som naturlig har harde linjeskift etter linjene.

 

Å bruke et linjeskift til å cleare ser jeg på som lite semantisk.

[Joakim Gjerde]

Men når jeg la til mer tekst funket ikke <br /> lenger, så da var jo valget enkelt.