Avatar billede thedeathart Nybegynder
25. maj 2004 - 10:08 Der er 12 kommentarer og
1 løsning

css som ikke vises korrekt i IE

Hey..

http://www.shadowweb.frac.dk/template_1/index.php

har jeg lavet et design i ren css, problemet er at det bliver vist meget forkert i IE.

nogen der gider se på koden (vis kilde) og komme med nogle forslag ?
Avatar billede henrik_bs Nybegynder
25. maj 2004 - 10:28 #1
Prøv at læse artiklen : Layout uden tabeller - giv mig en opskrift!. Den vil give dig svaret på dit problem.
Avatar billede thedeathart Nybegynder
25. maj 2004 - 10:29 #2
det har jeg også gjordt, koden er også valid, men den funger ikke i IE
Avatar billede henrik_bs Nybegynder
25. maj 2004 - 10:51 #3
ok - designet på denne side er opbygges sådan som du gerne vil have det
www.a-m-s.dk. Det virker i IE
Avatar billede thedeathart Nybegynder
25. maj 2004 - 13:12 #4
ja.. den gør den, men den virker absolut ikke ordenligt i Firefox.
Og den er ikke opbygget på den måde jeg gør, da jeg laver 3 box, vandret,
hvilket er en del anderledes i forhold til normalt 2 boxe.

Spørgsmålet lyder på at finde fejlen i min kode, så den virker i begge browsere.
Hvilket kræver at man benytter(har) begge browsere..
Avatar billede Slettet bruger
25. maj 2004 - 16:26 #5
Prøv at skifte til en DOCTYPE, der ikke smider browsere i Quirks-mode, så bliver det meget lettere at få dem til at vise det ens.
Avatar billede thedeathart Nybegynder
26. maj 2004 - 10:03 #6
øhh.. hvilken doctype ?
Avatar billede thedeathart Nybegynder
26. maj 2004 - 12:05 #7
det er faktisk ligegyldt hvilken doctype jeg bruger, da det stadig vises grimt i IE.
har prøvet med 3-4 doctypes.

er 1px; ikke det samme i IE, som ie Firefox ?
Avatar billede thedeathart Nybegynder
26. maj 2004 - 15:02 #8
enten er det umuligt, eller også er der en kodefejl..

og hvis det er umuligt med css-boxe, så bruger jeg bare tabels..
Avatar billede Slettet bruger
26. maj 2004 - 17:07 #9
1px er det samme.

I din DOCTYPE skal du have en URL til den relevante DTD med, ellers kan du ikke være sikker på, at browseren ikke går i Quirks-mode.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Avatar billede thedeathart Nybegynder
26. maj 2004 - 23:52 #10
har jeg prøvet... fandt en ligende kode, et andet sted, og redigerede lidt i den.
fatter stadig ikke hvad fejlen var.

Men mit problem nu (det her vil så give pointene), kan jeg instille så margin er DET SAMME i både IE og Firefox ect. ??

Fordi når jeg laver en margin afstand, så er den ikke ens, da Firefox er bredere end IE.
Avatar billede Slettet bruger
27. maj 2004 - 00:02 #11
Det er netop det, der gør forskellen.

Hvis du kan få IE 6 i Standardsmode, skulle den opføre sig efter reglerne hvad angår border, margin og padding. Det gør den ellers ikke.

Forskellen er nemlig, at hvis du sætter width=200px og border=10px, så skal objektet inklusiv border være 220 pixels bred, men IE lader objektet være 200px, og bruger 20 pixels af den bredde til border, når den er i Quirks-mode.

Hvis du sætter en DOCTYPE, som får begge til at gå i Standards-mode, så er de fleste forskelle på udseendet væk. Lige nu har du en DOCTYPE, som i hvert fald får Firefox i Quirksmode.
Avatar billede roenving Novice
27. maj 2004 - 00:07 #12
Hvis du også indsætter dtd-linket (den anden linje i den doctype, sandbox viser !-) opfører browserne sig faktisk ens !o]
Avatar billede thedeathart Nybegynder
11. juni 2004 - 02:24 #13
hehe.. fandt ud af at IE bruger 10 px margin, hvis man ikke angiver noget.

så body { margin: 0px; } hjælper lidt til, og så lige nogle absolutte positioner, så var det fixed..
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