Notifikationer

Markér alle som læst Log ud

Slettet bruger

24. september 2005 - 02:18 Der er 9 kommentarer og
1 løsning

CSS: Forskel på IE og Firefox

Jeg er ved at lave en side for en forening og er samtidig ved at overføre mine gamle ritualer med tabeller osv. til CSS.
Jeg har lavet et udkast indtil videre:

http://miniflex.dk/demo/erhvervsklub/

Og det ser da også fint nok ud i Internet Explorer, men hvis jeg kigger på siden i Firefox går det helt galt.
For det første er siden ikke centreret og der ud over flyder indholdet rundt og man kan se at baggrundene går igen uden for div-tagget.

Nogen der kan give et råd eller to?

Med venlig hilsen

Synes godt om

apo Praktikant

24. september 2005 - 02:39 #1

Det skyldes formentlig at du ikke bruger en fuld DTD, f.eks.:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Derved disabler du store dele af den anvendte CSS, i IE. Firefox viser formentlig siden korrekt (Ud fra den kode, du har skrevet), mens IE viser den forkert (Quirksmode).

Indsæt en fuld DTD, og tilpas dine sider så de vises (nogenlunde) ens i de forskellige browsere.

Til at begynde med, efter indsættelse af den fulde DTD, ser det ikke kønt ud; men efterhånden som du får tilpasset koden, vil dine sider vises ens i de forskellige browsere.

Synes godt om

apo Praktikant

24. september 2005 - 03:02 #2

Lidt yderligere forklaring til dit problem:

Uden den fulde DTD (Med linket) går IE i Quirksmode, hvilket vil sige at IE selv bestemmer hvordan den fortolker din HTML. Med linket overholder IE standarderne (jvf. W3C). Læs mere her (Under: The !DOCTYPE "Switch"):

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

Synes godt om

Slettet bruger

24. september 2005 - 11:56 #3

Hejsa og tak for linket som jeg har indsat i mit dokument.
Jeg har samtidig også foretaget et par rettelser i css-filen og i selve hjemmesidedokumentet og det ser da klart bedre ud nu.

Jeg kan bare ikke forstå hvorfor siden er venstrestillet i Mozilla når den er fint centreret i IE.

Nogen bud?

Synes godt om

roenving Novice

24. september 2005 - 12:01 #4

Du centrerer slet ikke sitet, men kun inline-elementer, fordi du gør det med text-align:center; som IE (fejlagtigt !-) også lader gå ud over block-level elementer ...

Gør i stedet:

#containerMain {
position: relative;
width: 740px;
padding: 0;
margin: 0 auto;
}

Synes godt om

Slettet bruger

24. september 2005 - 16:59 #5

roenving, er ikke helt sikker på hvad jeg gjorde her, men din kode virker!
Hvad er det præcist der sker i forhold til:

position: relative;
width: 740px;
text-align: center;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;

???

Smid lige et svar. Tak for hjælpen!

Synes godt om

roenving Novice

24. september 2005 - 21:36 #6

-- jeg fjernede text-align:center, da du alligevel ikke bruger den (den virker kun på indholdet, og intet af det er centreret i forhold til boksen !-)

-- de 4 padding-linjer forkortede jeg til een med samme indhold ...

margin: 0 auto; er den linje, der gør forskellen, for auto betyder, at den skal sætte lige stor margin på begge sider af boksen, hvis den har en defineret bredde, og det er jo tilfældet her !o]

Velbekomme '-)

Synes godt om

Slettet bruger

25. september 2005 - 11:08 #7

Bare så jeg har forstået det rigtigt.
Margin er margen uden om boksen og padding er margen inde i boksen fra ikndholdet og ud til kanten?

Synes godt om

bjoarn Nybegynder

25. september 2005 - 12:59 #8

"margin" er udenom "border", som er udenom "padding" og allerinderst er selv indholdet. Det hele er dog en del af boksen.
Boks-modellen er detaljeret beskrevet i CSS2.1 standarden i linket nedenunder:
http://www.w3.org/TR/CSS21/box.html#box-dimensions

Synes godt om

roenving Novice

25. september 2005 - 22:10 #9

-- boksmodellen er også beskrevet i css1, derfor kan IE overholde den ved en korrekt doctype inklusive dtd-link !-)

-- og tak for point ;~}

Synes godt om

Slettet bruger

26. september 2005 - 03:14 #10

Hejsa.

Det du viste mig virkede fint, men nu er den gal igen :-(
Jeg ændrede en smule på den baggrund og de klapper der skal ligge i menuen og nu viser firefox den forkert igen.

http://miniflex.dk/demo/erhvervsklub/

Jeg har ellers ikke lavet noget nævneværdigt og jeg har justeret højden i css filen ud fra de nye knapper.

Kan du eller andre se hvad der er galt?

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS