Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Skillnader i CSS-tolkning mellan IE och Firefox?

1
Skriv svar
Permalänk
Medlem
●

Skillnader i CSS-tolkning mellan IE och Firefox?

Som topic lyder, vilka (större) skillnader finns det i tolkningen av CSS mellan FF och IE? Är mest intresserad av de mest frekvent förekommande skillnaderna (som alla borde veta?)...

Thx in adv. /cw

Visa signatur

Man kan inte få allt här i världen... men det vore ju dumt att inte försöka.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Boxmodellen. Den största.

Redigera
Citera flera Citera
Permalänk
Medlem
●

http://www.corecss.com/properties/full-chart.php

Visa signatur

www.hoglind.org | roligsida | braprogram? | Boka hotell?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Stör mig på att de inte kan komma fram till samma standarder... att de alltid ska hålla på att mecka så jäefla mycket...

Sitter och har fete fel på en klients webshop i osC, www.coolstuff.se...

Hela sidan är uppbyggd i tabeller och åter tabeller, med tomma gif's överallt...
När man kolla sidan med firefox blir det ett 3pixlar brett mellanrum där man ser bakgrunden längst till höger på sidan.
Dock inget i IE.

Blir knasig på sånt!

Visa signatur

Ryzen 7 5700X3D | Gigabyte B550 Gaming X V2 | 32 GB HyperX Beast 3600 MT/s | Asrock RX 9070 | 1 TB Kingston Fury Renegade | 2 TB Samsung 860 EVO | EVGA G2 750W | FD Define R5 Ti | 2 x 27" MSI MAG274QRF-QD

Redigera
Citera flera Citera
Permalänk
Medlem
●

En till störande skillnad är att i ie kan man inte sätta storleken på ett lager på följande sätt:

position:absolute;
top:10px; right:10px; bottom:10px; left:10px;

ex som inte fungerar i ie
http://home.student.uu.se/d/daki0267/test/layoutexempel/testl...

Visserligen inte css, men ie stödjer inte png så bra.

Sen angående boxmodellen så funkar den visst i ie om man anger doctype till strict bla.

Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Daniel
En till störande skillnad är att i ie kan man inte sätta storleken på ett lager på följande sätt:

position:absolute;
top:10px; right:10px; bottom:10px; left:10px;

ex som inte fungerar i ie
http://home.student.uu.se/d/daki0267/test/layoutexempel/testl...

Visserligen inte css, men ie stödjer inte png så bra.

Sen angående boxmodellen så funkar den visst i ie om man anger doctype till strict bla.

Men det ska man inte behöva göra, IE ska följa standarden och enligt html 4.01 transitional så ska koden för boxmodellen renderas så som den renderas i Firefox.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av hema80
Men det ska man inte behöva göra, IE ska följa standarden och enligt html 4.01 transitional så ska koden för boxmodellen renderas så som den renderas i Firefox.

Visst må det vara så, men det flesta som bryr sig om detta problem och kodar för andra läsare än ie brukar ofta använda xhtml strict eller liknande och då drabbas man inte av problemet.

Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Redigera
Citera flera Citera
Permalänk
Medlem
●

En annan skillnad är att Internet Explorer är förlåtande till dåligt skriven kod. Jag har vart med om att den renderar sidan även om det förekommer stavfel i syntaxen. Det är väl också ett brott mot standarden kan man tycka? Dock är även Firefox lite förlåtande, om man tex använder en ny doctype men kodar med förlegade taggar så renderar Firefox sidan ändå - borde den inte göra om den slaviskt följer standarden.

Eller är jag ute och cyklar? Har hamnat lite på efterkälken i webbutvecklingen på senaste tiden, kör hårt med trycksaker för tilfället.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag har själv brottats lite med skillnaderna i box-modellen. Firefox följer ju standarden, vilket inte IE gör. Dock kan man få FF att bete sig som IE vad gäller detta, med ett litet FF-specifikt CSS-attribut:
-moz-box-sizing: border-box;
Detta gör att ramen lägger sin inom yttermåtten, precis som i IE. För jävligt att det ska behövas, men det funkar fint.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Dred
Jag har själv brottats lite med skillnaderna i box-modellen. Firefox följer ju standarden, vilket inte IE gör. Dock kan man få FF att bete sig som IE vad gäller detta, med ett litet FF-specifikt CSS-attribut:
-moz-box-sizing: border-box;
Detta gör att ramen lägger sin inom yttermåtten, precis som i IE. För jävligt att det ska behövas, men det funkar fint.

Browserspecifik kod är väl också ett litet brott mot standarden kan man tycka. Tex kan man i Internet Explorer färga scrollbaren i alla möjliga färger och med olika effekter, det gillar inte jag. Fire Fox är inte så oskyldig heller då?

Att Firefox är säkrare och har mer funktioner än Internet Explorer kan man väl inte orda om. Men hur är det med att följa standarden?

Redigera
Citera flera Citera
Permalänk
Medlem
●

Är det så att boxar förstoras om innehållet är större än den angivna storleken i IE, medan det överflödiga tillåts gå över gränsen i FireFox? Har lite problem med det, finns det något sätt att göra det på "firefox-vis" i IE?

Thx. in adv. / cw

Visa signatur

Man kan inte få allt här i världen... men det vore ju dumt att inte försöka.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av carweb
Är det så att boxar förstoras om innehållet är större än den angivna storleken i IE, medan det överflödiga tillåts gå över gränsen i FireFox? Har lite problem med det, finns det något sätt att göra det på "firefox-vis" i IE?

Thx. in adv. / cw

Prova ställa in overflow på den.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Lothar
Boxmodellen. Den största.

http://css.maxdesign.com.au/listamatic/images/boxmodel.gif

IE må skippa standarden där, men den modellen är helt klart mer logisk.

Visa signatur

I just love the fact that there is a global integer variable named 'i'. Just think, you will never need to declare your loop variable again!
To avoid collisions where a loop that uses 'i' calls another function that loops with 'i', be sure to stack 'i' and restore it when your function exits.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Myris
IE må skippa standarden där, men den modellen är helt klart mer logisk.

mm, jag mäste hålla mef.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Dred
Jag har själv brottats lite med skillnaderna i box-modellen. Firefox följer ju standarden, vilket inte IE gör. Dock kan man få FF att bete sig som IE vad gäller detta, med ett litet FF-specifikt CSS-attribut:
-moz-box-sizing: border-box;
Detta gör att ramen lägger sin inom yttermåtten, precis som i IE. För jävligt att det ska behövas, men det funkar fint.

Bättre att använda doctype xhtml strict så tolkas det lika ändå. Hur ter sig din kod i opera då?

Citat:

Ursprungligen inskrivet av hema80
Browserspecifik kod är väl också ett litet brott mot standarden kan man tycka. Tex kan man i Internet Explorer färga scrollbaren i alla möjliga färger och med olika effekter, det gillar inte jag. Fire Fox är inte så oskyldig heller då?

Att Firefox är säkrare och har mer funktioner än Internet Explorer kan man väl inte orda om. Men hur är det med att följa standarden?

Vad gör det om det finns möjligheter att ändra färgerna på scrollbaren? Det är ju knappast så att det förstör för dig som använder ff, och vi som nyttjar opera kan välja om vi vill ha det aktiverat eller ej. Då borde ju alla egentligen vara nöjda och glada?

Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Daniel

Sen angående boxmodellen så funkar den visst i ie om man anger doctype till strict bla. [/B]

Kan du utveckla dig lite mer?

Thx. in adv./cw

Citat:

Ursprungligen inskrivet av Lothar
Prova ställa in overflow på den.
[/B]

Antar att du menar overflow: no ? Vilket inte hjälper.

Thx. in adv./cw

Visa signatur

Man kan inte få allt här i världen... men det vore ju dumt att inte försöka.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av carweb
Kan du utveckla dig lite mer?

Thx. in adv./cw

Antar att du menar overflow: no ? Vilket inte hjälper.

Thx. in adv./cw

overflow: hidden eller scroll

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av carweb
Kan du utveckla dig lite mer?

Thx. in adv./cw
...

se
http://home.student.uu.se/d/daki0267/test/layoutexempel/boxmo...

Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Offt: Nån som vet hur man får en ox att bli centrerad i MITTEN av sidan.. även på höjden.. vänster/höger använder jag margin: auto; till, men upp och ner? hur? margin fugerar inte där..

Visa signatur

Besök JimNelin.com eller Jim Nelin på LinkedIn

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Jine
Offt: Nån som vet hur man får en ox att bli centrerad i MITTEN av sidan.. även på höjden.. vänster/höger använder jag margin: auto; till, men upp och ner? hur? margin fugerar inte där..

	position:absolute;
	width:600px;
	height:400px;
	top:50%;
	left:50%;
	margin-top:-200px;  /* -(total höjd)/2 */
	margin-left:-300px;  /* -(total bredd)/2 */
Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Tack ska testa..

Fugerade! Tack igen

Visa signatur

Besök JimNelin.com eller Jim Nelin på LinkedIn

Redigera
Citera flera Citera
1
Skriv svar