Innholdet i en div "flyter" over i naboen

[DexterBlasted]

Noen som kan hjelpe meg med et problem jeg har:

 

Jeg har satt opp en side i css, to kolonner. I hovedkolonnen er det en tabell med data som feks navn, hjemmeside, interesser o.l. Problemet er at denne tabellen flyter over til meny div'en som er ved siden av (høyre side), feks dersom hjemmesideadressen er lang.

 

Noen som vet hvorfor dette skjer?

[haugsand]

Du er nødt til å bruke et serversidespråk til å ordne en funksjon som deler opp for lange adresser, for å fikse dette problemet. Lange ord brytes ikke automatisk.

[Roberto]

Lange ord brytes ikke automatisk.

Feil.

 

 

white-space: pre-wrap;

Ingen støtter helt dette men det skal være en ny feature i CSS 2.1

 

-o-pre-wrap

Dette fungerer fint i Opera 7.0+

 

-moz-pre-wrap

Dett fungerer fint i nyere versjoner av Mozilla.

 

pre {

word-wrap: break-word;

}

Dette fungerer fint i IE, men det er kun støttet i IE, vel og merke...

[haugsand]

PiRANhA: Kan du legge opp noen eksempler der disse egenskapene brukes?

 

Merk at jeg la til automatisk, og lange ord brytes ikke med mindre noen av disse egenskapene brukes. Ord skal visstnok også brytes om det brukes en spesiell form for bindestrek.

[pgdx]

Lange ord brytes ikke automatisk.

Feil.

Bevis det motsatte, da. Iflg w3.org finnes ikke den ennå.

Endret 10. juni 2004 av Toolshed

[Roberto]

Jeg har allerede skrevet koden kjære, røde toolshed

Merk at det er kun proprietary kode mens vi venter på css 3, derfor -o og -moz samt IE's break-word. Jeg mener å huske at mozilla ga ut en oversikt over all proprietary kode som de hadde implementert, -moz-pre-wrap er minst 5 år gammel. Og ja, det er ikke bare Microsoft som utvikler proprietary kode

[jorgis]

Og ja, det er ikke bare Microsoft som utvikler proprietary kode

...men Mozilla sin (bl.a. avrundete borders) er faktisk mye mer nyttig og brukbar enn f.eks. IE's <marquee> og <blink>

Endret 10. juni 2004 av jorgenindahouse

[Arve Systad]

Og ja, det er ikke bare Microsoft som utvikler proprietary kode

...men Mozilla sin (bl.a. avrundete borders) er faktisk mye mer nyttig og brukbar enn f.eks. IE's <marquee> og <blink>

Fremdeles er det berre tåpelig å utvikle slik kode som kun funker i nettleser X, men ikkje i nettleser Y.

Ka med berre å holde seg til standarder - og håpe på at microsoft klarer å faktisk følge dei. *Drømme om at IE7 kan bli bra*...

[oksa]

tilbake til problemet til arve87:

 

overflow: hidden

på tabellen vil ihvertfall gjøre slik at tabellen ikke blir større. Innholdet i den vil nok forsvinne (det som er for langt)

[DexterBlasted]

Jeg har prøvd med overflow:hidden, men dette klipper bare tabellen. Jeg har prøvd å sette størrelse på tabellen, uten at dette hjalp. Slik jeg forstår det er det ingen metode for å sette div'en absolutt slik at tabellen holder seg innenfor rammene?

 

Finnes det en måte å simulere et slikt tabulært oppsett med css?

[Roberto]

Jeg har prøvd med overflow:hidden, men dette klipper bare tabellen. Jeg har prøvd å sette størrelse på tabellen, uten at dette hjalp. Slik jeg forstår det er det ingen metode for å sette div'en absolutt slik at tabellen holder seg innenfor rammene?

 

Finnes det en måte å simulere et slikt tabulært oppsett med css?

Les min post

[Arve Systad]

Finnes det en måte å simulere et slikt tabulært oppsett med css?

Det går jo an å bruke display egenskapen, som kan gi elementer forskjellige tabellegenskaper... om IE hadde støtta det.. :\