Wordwrap helt feil m/css i Opera - funker i IE

[Beisfjord]

Se på sida i både IE og Opera så skjønner du problemet

 

Her er siden.

 

Her er css'en - gjort minimal for enkelhetsskyld. Lokisk sett ser jeg jo at det bør bli noe gæli her, men det funker så fint i IE.

 

#content {

float: left;

}

 

#left {

border: thin solid black;

float: left;

}

 

#right {

border: thin solid black;

float: right;

}

 

Altså i IE så kommer alt fint på samme nivå, men i Opera så skjønner den ikke at teksten skal vrappe når den treffer høyremenyen. istedenfor så flytter den seg helt ned under menyen... Fint om noen har noe ideer om hvordan wordwrap problemet kan løses.

[haugsand]

Det funker heller dårlig i mozilla også. Du må legge til float: left; på ALLE blokkene.

[pgdx]

Problemet er at den teksten som skal floate left, er over 100% av bredden, og derfor tar så stor plass at den går ned på neste linje.

 

Hvis du velger å fjerne float left på teksten, skal det hjelpe, ellers må du legge til width: xx% på teksten.

[Beisfjord]

Toppers. Det nærmer seg nå. CSS'en ser nå ut som følger altså:

 

#content {
}

#left {
border: thin solid black;
float: left;
}

#right {
border: thin solid black;
float: right;
}

 

Ikke så mye kode å skryte av, men sånt skjer. Uansett, har oppdatert sida som er pekt til i 1. posten, og utfordringen nå er å få #content til å oppføre seg som en block mellom menyene, sånn at det blir 3 kolonner og ikke en stor med 2 inni. Har prøvd å angi at content skal være display: block uten hell. Klarer heller ikke å finne noe annet å "skru" på... Noen forslag?

 

Edit: Prøvde å legge til float: left på alle også, men da stilte alt seg bare under hverandre i Opera, og IE så rota det også til...

Endret 3. juni 2004 av Psi_^