Blandet problemmer med FF

Tags:    html css

Slettet



Indlæg senest redigeret d. 20.02.2007 08:40 af Bruger #6953
Padding virker ikke rigtigt i IE, derfor er der forskel.

En hurtig måde at løse problemet kunne være at lave en tom div der er 20 px bred. Div'en skal nok indeholde nogle nbsp og/eller <br> for at få det til at virke.



IE fortolker CSS Box Model forkert i Quirks Mode, så løsningen er at tilpasse siden, så den virker i FF, og så skifte til Standard Mode, så den også virker i IE.

Quirks Mode: I IE vil det få browseren til at simulere IE4, i FF vil det få browseren til at simulere NS4

Standard Mode: Aktiverer de nyere muligheder i browserne, og får dem til (næsten) at overholde standarderne.

Løsning: For at få forskellige browsere til at fortolke siden på samme måde (efter standarderne), skal du tilføje en doctype. Indsæt dette i toppen af siden, før <html>-tagget:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Læs mere på http://hsivonen.iki.fi/doctype/



Slettet



Indlæg senest redigeret d. 20.02.2007 08:40 af Bruger #6953
Uanset hvad din løsning blev, er det altid en god ide at tilføje doctypen.

Her du uploadet resultatet? I så fald virker det ikke.



Slettet



Indlæg senest redigeret d. 20.02.2007 08:40 af Bruger #6953
Jeg vil virkeligt anbefale at du tilføjer linjen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
før <html> tagget.

Ikke kun fordi det vil gøre arbejdet lettere for dig selv, men fordi, jo flere der som dig bruger disse gamle teknologier, som blev forældede for over 5 år siden, jo sværere bliver det for browserproducenterne at implementere nye funktioner, som jeg kan få glæde af, fordi de skal vedligeholde komptabilitet med din gamle side.

Se blandt andet:

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp under emnet "Fix the Box Instead of Thinking Outside It"

http://hsivonen.iki.fi/doctype/

http://www.mozilla.org/docs/web-developer/upgrade_2.html




Jeg vil virkeligt anbefale at du tilføjer linjen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
før <html> tagget.

Ikke kun fordi det vil gøre arbejdet lettere for dig selv, men fordi, jo flere der som dig bruger disse gamle teknologier, som blev forældede for over 5 år siden, jo sværere bliver det for browserproducenterne at implementere nye funktioner, som jeg kan få glæde af, fordi de skal vedligeholde komptabilitet med din gamle side.

Se blandt andet:

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp under emnet "Fix the Box Instead of Thinking Outside It"

http://hsivonen.iki.fi/doctype/

http://www.mozilla.org/docs/web-developer/upgrade_2.html


jeg forstår ikke helt hvad du mener med forældet, kender du til en anden måde end divs?



Det er ikke hvad jeg mener, men at lade være med at skrive doctypen, vil få browseren til at fortolke siden, som om den var forældet, og browseren vil derfor bruge nogle fejlfyldte beregningsmetoder, fordi gamle hjemmesider er afhængige af disse fejl.

Hvis du tager Internet Explorer for eksempel. Ved at tilføje en doctype øverst på siden, vil hjemmesidens buligheder opgraderes fra IE 4 til IE 6.

Som din sider er nu, vil Internet Explorer simulere version 4, hver gang den går ind på siden, for at sikre at gamle sider fungerer, og din sider ser ud som om den er gammel, fordi der ikke er nogen doctype.

Det samme gælder Firefox, den prøver dog at simulere Netscape 4 i stedet for IE 4.

Specielt når din side nu bruger nyeste teknikker med divs og css osv, så er det jo dumt at browseren fortolker den som gammel, og derved ikke giver hjemmesiden de muligheder den har.

[Redigeret d. 16/11-05 17:17:40 af Jesper Kristensen]



Slettet



Indlæg senest redigeret d. 20.02.2007 08:41 af Bruger #6953
Slettet






Indlæg senest redigeret d. 20.02.2007 08:42 af Bruger #6953
t