08. maj 2006 - 13:01Der er
21 kommentarer og 1 løsning
Float: right, placerer billede under alt andet.
Hej
Jeg er ved at lave en side, og jeg er løbet ind i et problem. Når jeg sætter et billede med float ind i min #content div, så bliver det placeret under alt andet i IE. Desuden bliver #content div'en ikke udvidet hvis det kommer over bunden.
Hvorfor er det jeg føler i ikke har kikket på siden i IE? Indholdet, i dette tilfælde et billede, bliver placeret under selve designet, og jeg har ikke z-index i brug.
Ja, det er korrekt, når der er tale om Transitional, men ikke når det gælder strict DOCTYPE. Dog tror jeg ikke der er noget i vejen med at sætte URL'en på :)
Hvis man læser, hvad der står bag det link, som softspot viser - og som jeg ganske rigtigt jævnligt skriver - er den viste DTD netop nævnt som én af dem, der sætter IE i standard mode - men URL'en må også gerne være der :)
Er man i tvivl, laver man et test-dokument og loader det i en browser. Så skriver man i adresselinjen: java script:alert(document.compatMode)
- og trykker 'Return'. Er browseren i standard mode, returneres 'CSS1Compat' i en alert ;o)
Øv! Jeg er løbet tør for paratviden (eller hvad det nu er for noget jeg sidder med). Umidderlbart ville jeg eksperimentere lidt med stylesheetet hvis jeg var dig og det med udgangspunkt i div#content-stylen. Jeg kan ikke sige dig specifikt hvad du skal gøre, men noget med at udkommentere den helt til at starte med og så gradvist tilføje de enkelte styles, mens du tester effekten af ændringen...
Jeg kan desværre ikke give dig mere lige nu, da jeg sidder med en problemstilling selv, men jeg håber du finder ud af hvad der er galt...
Jeg fandt ud af at baggrunden på min #wrap lå ovenpå, selvom jeg ikke brugte z-index på noget som helst. Det blev løst ved at lave position: absolute; om til float: og så skulle position: relative fjernes fra #wrap. Så virkede align/float fint på IE igen.
Men hvis i lige smider et svar, så jeg kan få uddelt nogle point for jeres forsøg.
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
