Avatar billede christinacaktus Nybegynder
29. december 2009 - 20:48 Der er 4 kommentarer og
1 løsning

Div lag fejler i Firefox

Hej

På denne side www.rumstation.dk har jeg et div-lag inde i et div-lag. (der er faktisk mange inde i mange, men...). Ydre-div-laget hedder middlecontainer og det indre div-lag hedder content. Når content er f.eks. 1000 px høj udvider middlecontainer sig fint i IE, men i Firefox ser det bare ud som om Content ligger ovenpå, middlecontainer bliver ihvertilfælde ikke højere. Hvad gør jeg forkert?

/Christina
Avatar billede zips Juniormester
29. december 2009 - 21:14 #1
Det ser ud til at det er fordi du køre siden i quirks mode, sæt en fuld doctype på som denne.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">


Listen med doctyper er her http://www.w3.org/QA/2002/04/valid-dtd-list.html
Avatar billede christinacaktus Nybegynder
29. december 2009 - 23:48 #2
Det eneste det gør, er at der så også er problemer i IE.

Her er min CSS:

#middlecontainer {
    width: 905px;
    background-color: #FFFFFF;
    margin-left: 20px;
    padding-left: 100px;
    padding-right: 100px;
    height: 100%;
}
#content {
    margin-bottom:50px;
    margin-top:50px;
    width: 705px;
    background-color: #FFFFFF;
}
Avatar billede zips Juniormester
30. december 2009 - 13:56 #3
Ok, på min test side bruger jeg ikke IE=EmulateIE7 og kan se at det opstår i IE7 når du sætter en fuld doctype på.

Jeg har slettet din html 100% og rettet width i #middlecontainer til 705px samt en fuld doctype her på min test side.

Her er min test side http://zips.be/exp/test/christinacaktus/
Avatar billede christinacaktus Nybegynder
30. december 2009 - 21:41 #4
Hej Zips

Jeps, det virker! Tak for hjælpen. Smider du ikke et svar så jeg kan give dig pointene (er det ikke sådan man gør?)

/Christina
Avatar billede zips Juniormester
30. december 2009 - 21:56 #5
Her er et svar :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester