Avatar billede l_domino_l Nybegynder
03. december 2008 - 08:11 Der er 8 kommentarer og
1 løsning

Forskel på IE og FireFox?

Hvor er der så stor forskel på IE og FireFox...

Feks: http://www.bonnet-friskole.dk/sitebuilder/?page_id=7

Hvordan kan jeg lave menuen oppe i det blå felt ens med de to browsere???

I må gerne se min CSS kode:

div#extra-sidebar{
    height:277px;
    width:280px;
    float:left;
    background: url(images/extrabar3_.png) repeat-x;
    background-color: #497697;
    color: #194454;
}

#extra-sidebar{
    padding-right:0px;
    padding-top: 10px;
    padding-left: 6px;
    list-style-type: none;
    text-transform: uppercase;
    text-align: left;
    line-height: normal;
    font-weight: bold;
    width: 280px;
    height: 30px;
    }

#extra-sidebar li{
    display: block;
    text-transform: uppercase;
    color: #666;
    text-align: left;
    line-height: normal;
    width: 280px;
    height: 30px;
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: bold;
    }

#extra-sidebar li a{
    display: block;
    text-transform: uppercase;
    color: #CFCFCF;
    text-align: left;
    font-size: medium;
    border-bottom: 1px #A5ACCD;
    background-image: url("images/pile_smal2.png");
    }

#extra-sidebar li a:hover{
    color: #FFFFFF;
    border-bottom: 1px #A5ACCD;
    }

#extra-sidebar li a:visited{
    background-image: url("images/pile_smalok.png");
    background-position: left top;
    background-repeat: no-repeat;
    }

#extra-sidebar h2{
    margin:0;
    padding-top: 5px;
    margin-bottom: 5px;
    color: #dbf1fc;
    border-bottom: 1px #A5ACCD;
    }

#extra-sidebar h2 a{
    color: #dbf1fc;
    border-bottom: 1px #A5ACCD;
    }
Avatar billede mcgoat Nybegynder
03. december 2008 - 08:48 #1
Har lige set den både i IE7 og i Firefox... De ser helt ens ud her
Avatar billede jensgram Nybegynder
03. december 2008 - 09:11 #2
Det skyldes, at din #extra-sidebar både har en width og padding. IE6 har en noget, hmm, anderledes fortolkning heraf, så boksens vokser ud over den plads, der er til rådighed.

Jeg plejer at pakke ting i en container, hvor jeg sætter bredden og derefter sætte padding / margin:

[dimensions]
  [margin+padding]
    [contents]
  [/]
[/]
Avatar billede Slater Ekspert
03. december 2008 - 09:13 #3
Det er ikke kun padding der gør det - siden er fuldstændig til rotterne på IE6 her.
Avatar billede jensgram Nybegynder
03. december 2008 - 09:57 #4
viperine > Ja, du har ret. Jeg kiggede ikke så grundigt, men det lader til, at der er flere ting at gå i gang med :)
Avatar billede zips Juniormester
03. december 2008 - 14:13 #5
På din side nu, er #extra-sidebar 266px og din #extra-sidebar li er 280px det vil give problemer, sæt #extra-sidebar li til 266px eller mindre.

Brug også png fix til IE6 kan findes her http://homepage.ntlworld.com/bobosola/
Avatar billede olebole Juniormester
03. december 2008 - 17:31 #6
<ole>

jensgram >> IE har ikke en anden fortolkning af width/padding, hvis man ikke selv disabler CSS' box-model ... f.eks. ved at udelade DTD'en - eller bruge en ufuldstændig DTD  ;o)

l_domino_l >> Der er en del CSS, der skal rettes. 'list-style-type' må du kun bruge på li-elementer - ikke på et div. Derudover kan du ikke bruge den på li-elementer med 'display:block'.

En border skal have en border-style sat:
    border-bottom: 1px #A5ACCD;

- bør f.eks. ændres til:
    border-bottom: 1px solid #A5ACCD;

Derudover er der en del af din CSS-kode, som jeg ikke kan finde begrundelsen for  =)

/mvh
</bole>
Avatar billede jensgram Nybegynder
04. december 2008 - 11:46 #7
olebole > Ja, du har naturligvis ret. Det var noget sludder fra min side.
Avatar billede l_domino_l Nybegynder
18. december 2008 - 09:42 #8
Lukker
Avatar billede zips Juniormester
18. december 2008 - 13:45 #9
Hvad blev løsningen siden du lukker?
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