Avatar billede doodoo Novice
26. maj 2004 - 22:18 Der er 8 kommentarer og
1 løsning

CSS problem i mozilla

Hey..

Har et lille problem med min CSS i Mozilla...
Det virker fint i IE - nu er det jo også IE ;)

Nogle der kan rette det til?

CSS:

body, div, td{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000;
  margin: 0;
  background-color: #006666;
  }
 
a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #006666;
  text-decoration: underline;
}

b {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #8C5C00;
  text-decoration: bold;
}

hr {
    height: 1px;
    border: 1px dotted #000;
}

#baggrund {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(gfx/baggrund.jpg);
    width: 835px;
    height: 100%;
    z-index: 1;
}

#topbar {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(gfx/topbg.jpg);
    width: 786px;
    height: 82px;
    z-index: 2;
}

#toplast {
    position: absolute;
    top: 0;
    left: 786px;
    background-image: url(gfx/toplast.jpg);
    width: 49px;
    height: 82px;
    z-index: 2;
}

#navigation {
    position: absolute;
    top: 88px;
    left: 6px;
    width: 540px;
    height: 25px;
    z-index:2;
}

#indhold {
    position: absolute;
    top: 116px;
    left: 6px;
    width: 540px;
    height: 441px;
    background-color: #FFCC00;
    padding : 10px 10px 10px 35px;
    z-index: 3;
}

#barindhold {
    position: absolute;
    top: 116px;
    left: 6px;
    width: 31px;
    height: 441px;
    z-index: 4;
    background-image:url(gfx/indhold.jpg);
}
#barbottom {
    position: absolute;
    top: 551px;
    left: 37px;
    width: 505px;
    height: 13px;
    z-index: 4;
    background-image:url(gfx/bottombar.jpg);
}
#bartop {
    position: absolute;
    top: 112px;
    left: 37px;
    width: 505px;
    height: 5px;
    z-index: 4;
    background-image:url(gfx/topperbar.jpg);
}
#barright {
    position: absolute;
    top: 116px;
    left: 540px;
    width: 9px;
    height: 441px;
    z-index: 4;
    background-image:url(gfx/rightbar.jpg);
}

www.doodoo.dk/deungedk/beta/design
Avatar billede Slettet bruger
26. maj 2004 - 22:27 #1
Start med at få den til at lade være med at gå i Quirks-mode. Det gøres vet at have en DOCTYPE med URL til DTD i:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Avatar billede doodoo Novice
26. maj 2004 - 22:30 #2
ups den glemte jeg... men det løser ikke problemet endnu...
Avatar billede skovenborg Nybegynder
26. maj 2004 - 22:30 #3
og tilføj så det her til dit stylesheet:
body,html {height:100%;}

og ret #indhold til:
#indhold {
    position: absolute;
    top: 116px;
    left: 6px;
    width: 498px;
    height: 415px;
    background-color: #FFCC00;
    padding : 10px 10px 10px 35px;
    z-index: 3;
}
Avatar billede doodoo Novice
26. maj 2004 - 22:38 #4
cool... ennnnnnnnnnnnn lille ting mere...
se siden øverst på #indhold...

På den anden side var det så kun height du rettede?
Avatar billede skovenborg Nybegynder
26. maj 2004 - 22:46 #5
den kan du løse ved at skrive:
#indhold {
    position: absolute;
    top: 112px;
    left: 6px;
    width: 498px;
    height: 419px;
    background-color: #FFCC00;
    padding : 10px 10px 10px 35px;
    z-index: 2;
    background-image:url(gfx/topperbar.jpg);
    background-repeat:repeat-x;
}

Jeg har her fjernet  #bartop og tabellen rundt om iframen (den var alligevel ikke nødvendig).
Avatar billede doodoo Novice
26. maj 2004 - 22:49 #6
Vidunderligt... jeg takker :)
Avatar billede skovenborg Nybegynder
26. maj 2004 - 22:53 #7
og jeg svarer ;-)
Avatar billede skovenborg Nybegynder
26. maj 2004 - 22:53 #8
...ikke... du var vist lidt for hurtig der.
Avatar billede Slettet bruger
26. maj 2004 - 22:53 #9
Det var da ikke mig, der skulle have dem: http://www.eksperten.dk/spm/503047
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