IE6 bug - div på samme linje

IE6 bug - div på samme linje

Innleggav hess » lør 16.08.2008 14:19

Heisann!

Har et litt traurig problem med ei side jeg holder på å lage:

XHTML: http://www.hjmedia.no/oppsett/index.html
CSS: http://www.hjmedia.no/oppsett/stilsett.css
Skjermdump IE6: http://www.hjmedia.no/oppsett/dump.jpg

Sida fungerer utmerket i Opera, Firefox og IE7, men i IE6, så blir det jo (selvsagt) problemer. Headeren består av to diver på samme linje. I IE6, så blir diven til høyre pressen ned under diven som inneholder tittelen. Det ordna seg delvis i IE6 med å legge inn en clear, men da fikk jeg ironisk nok, nøyaktig samme problem i de andre nettleserne. :(

Noen som har vært borti samme problem før, eller har forslag til en løsning? :)

På forhånd takk :)
medlem i 136 måneder
 


Re: IE6 bug - div på samme linje

Innleggav martin » søn 17.08.2008 11:29

Problemet ligger ikke der du har markert i CSS'en tror jeg.
Prøv å ikke sette bredde på #tittel p, som nå har bredde 300px + 40px margin, siden #tittel har bredde 333px.

Grunnen til at dette sansynligvis skaper problemet, er at IE lar innholdet (<p>) i en beholder (div id="tittel"), utvide beholderen hvis i innholdet har større bredde enn beholderen.

Hjelper det?

Administrator
Brukerens avatar
medlem i 196 måneder
 

Re: IE6 bug - div på samme linje

Innleggav The Mork » søn 17.08.2008 17:06

Jeg vil tro at den viser bakgrunnene på to linjer fordi den tror de er for brede til å passe innenfor bredden av #container, selv om de passer akkurat på pikselen. Kanskje du kan prøve å ha bakgrunnsbildet i #container, og bare teksten i #tittel og #hovedmeny? Da er det i hvert fall ikke noe å dele.

Jeg vet at dette bare er en workaround og ikke egentlig er et svar på problemet, men det er alt jeg har...

Litt utenom det: flott at det er flere enn meg som bryr seg om å skrive gyldig kode. Strict is the way 8-)

Brukerens avatar
medlem i 136 måneder
 

Re: IE6 bug - div på samme linje

Innleggav hess » søn 17.08.2008 17:16

Hei igjen!

Ja, det var nok pixelcount som var problemet. Jeg brydde meg ikke om å finne den gyldne middelvel, ettersom det uansett ville blitt krøll med bakgrunnsbildene i en av browserene.

Jeg fikk løst det ved å bare ha en div i headeren, og så fjerne div#tittel, men beholde div#hovedmeny og så floate den til høyre. Idiotisk enkel løsning på et problem.

Men tusen takk for gode tips, alle sammen! :)
medlem i 136 måneder
 


Returner til CSS



Hvem er i Forumene

Registrerte brukere: Google [Bot]