Avatar billede stuffedk Nybegynder
12. september 2006 - 17:54 Der er 7 kommentarer og
1 løsning

IE og Firefox opfører sig ikke ens.

Hej folk. Jeg er igang med en hjemmeside, hvor alt grafik (banner, menu) er centreret på midten. Jeg har brugt css til at lave en stibe baggrund der bare gentages ned af. denne bagrund passer sammen med grafikken og det ser fint ud i Firefox, men i IE er stiben rykket en side til højre. Her er den kode jeg bruger i mit css.

body {
    background-image: url("images/bg2_10.gif");
    background-repeat: repeat-y;
    background-position: center;
    background-color: #292D33;
}
Avatar billede stuffedk Nybegynder
12. september 2006 - 17:56 #1
rettelse:
Denne bagrund passer sammen med grafikken og det ser fint ud i Firefox, men i IE er stiben rykket en PIXEL til højre
Avatar billede stenger Nybegynder
12. september 2006 - 18:21 #2
Har irriteret mig før... det er vist noget med at FF og IE fortolker margin og padding forskelligt, så derfor disse små (men irriterende) forskelle.

Du kan jo prøve at sætte en "margin-left:-1px;" på, men da jeg ikke har set dit layout ved jeg jo ikke om det smadrer det hele eller ej!
Avatar billede stuffedk Nybegynder
12. september 2006 - 18:44 #3
Det har jeg prøvet, men så ser det ikke ordentligt ud i Firefox. Jeg har kun siden på min comp pt
Avatar billede pidgeot Nybegynder
12. september 2006 - 18:50 #4
Lav en seperat stylesheet-fil med de ændringer/tilføjelser IE skal bruge. På dine sider anvender du så den ved at bruge en conditional comment:

<!--[if lte IE 6]><link rel="StyleSheet" type="text/css" href="IE.css"><![endif]-->

som sættes ind efter referencen til dit "primære" stylesheet.

Et par ting du dog lige bør bemærke:

1) Hvis du ikke husker en DOCTYPE som det allerførste på din side, vil IE gå i quirks mode, hvilket vil sige at mange ting bliver renderet forkert. Hvis du ikke har en af disse, kan det godt ske at det er nok hvis du gør det.
2) Den conditional comment jeg gav dig forudsætter at problemet kun optræder i IE 6 og derunder. Hvis IE 7 også er påvirket, ændrer du bare 6-tallet til et 7-tal (eller bruger [if IE] hvis det også skal gælde alle fremtidige IE versioner)
Avatar billede stuffedk Nybegynder
12. september 2006 - 20:02 #5
Tak for kommentaren pidgeot (en pokemon?). Jeg prøvede at indsætte
<!--[if lte IE 6]><link rel="StyleSheet" type="text/css" href="IE.css"><![endif]-->

Men de virkede ikke.

Det med DOCTYPE virkede IE også ret ligeglad med :(
Det ødelagde dog lidt mit FF layout :P
Avatar billede stuffedk Nybegynder
12. september 2006 - 20:03 #6
ups min fejl. det første virker :) giv et svar
Avatar billede pidgeot Nybegynder
12. september 2006 - 20:57 #7
Hvis IE ikke bliver påvirket af at der kommer en DOCTYPE på, er det fordi der ikke er forskel på dens tolkning af din CSS i de to modes, så det gør ikke så meget - men hvis det ødelægger det i Firefox, er det da helt galt (den har mig bekendt ikke ret store forskelle, så det har ofte mindre effekt der).

Man bør altid have en DOCTYPE så browsere bruger den rendering der stemmer overens med standarderne (eller rettere, bruger den der stemmer BEDST overens med standarderne). Af den grund vil jeg nok mene du bør gå igennem din CSS en ekstra gang og få den til at virke med en DOCTYPE.
Avatar billede olebole Juniormester
13. september 2006 - 11:49 #8
<ole>

Man bør ikke have en DTD (DocType Definition) i dokumentet ... man _skal_! Ellers er det ikke et HTML-dokument  ;o)

/mvh
</bole>
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