Martin Hintzmann Andersen wrote:
> Problemet opstår i IE når du har en float boks i en boks uden højde.
> Men du vil vel gerne have at det er indholdet der bestemmer højden på
> boksen, ikke?
> En løsning er at give boksen en height på 1%. Da IE automatisk udvider
> bokse.
> Men da det kun er IE til windows der har problemet bliver du nød til at
> ty til et CSS-hack.
>
> .content {height: 1%;}
> body>.content {height: auto;}
>
> Jeg har ikke testet, men mener at ovenstående virker. Der findes
> alternativer.
Jens Gyldenkærne Clausen wrote:
> Det ligner umiddelbart IE's Peek-a-boo-bug:
> <
http://positioniseverything.net/explorer/peekaboo.html>
>
> Jeg har ikke tjekket med koden om det også er den, men prøv selv efter.
Du har helt ret - det skulle være fikset nu, så vidt jeg kan teste mig
frem til - det var nødvendigt at gøre i samtlige 3 bokse (wrapper,
wrapper>menu og wrapper>content), men så blev det også godt
> Derudover har jeg lidt andre ting også...
>
> Hvis du kun har en boks med "content" bør du angive den som id og ikke
> som en class.
Tak skal du have - der er som sagt en del rettelser på vej, så jeg
inkludere ovenstående rettelse og når det hele er på plads, tror jeg at
siden bliver kastet til spot og spe i ris+ros gruppen...
> Når du skal clear en float kan det gøres uden ekstra HTML-kode. Du skal
> blot sætte clear i din CSS på de næste element.
Jeg har bikset en del rundt med de dér floatede 2- og
3-kolonneopsætninger og er nået frem til noget, som skulle fungere i
flest mulige browsere - jeg kan ikke på stående fod huske, hvilken
browser de ekstra html-elementer tog højde for, men jeg satser vist på
at beholde dem i første omgang!
Nu mangler jeg bare den sidste detalje med den lille grå border jeg har
mellem menuen og indholdet - den er hæftet som en venstre-border på
content boksen, hvilket giver problemer i IE, hvis indholdet ikke fylder
mere i højden end menuen - hvis jeg i stedet sætter border-right på
menu-boksen får jeg blot det modsatte problem og det er øjensynligt ikke
en mulighed at satse på border-collapse og lave en border i begge bokse
- intet af det ser ud til at fungere i IE, mens alle løsningerne
fungerer efter hensigten i Firefox... - any ideas eller skal jeg bare
poste et nyt spørgsmål?
Eks:
http://www.cast.sdu.dk/index.php?page=Dosisdispensering
Mange tak for hjælpen!
Mvh Tommy Ipsen