webForumDet fria alternativet

Fonter angivna i CSS ser olika ut i MSIE och NN

HTML & CSS

9 svar · 878 visningar · startad av Mackan

Medlem sedan juni 200029 inlägg
Frågan#1

Jag har följande problem med CSS:
"Hover" fungerar i MSIE men inte i NN.
Fonter angivna som 8px stora blir grymt små i NN (6-7px).

Finns det ett särskilt sätt att skriva CSS så att både MSIE (4.x och senare) och Netscape (4.x och senare) tolkar "koden" likadant?

Medlem sedan dec. 19996 592 inlägg
#2

Det går att fixa med Javascript eller något annat språk. Jag vet att Kjell här på wF gjort ett sådant javascript som känner av browser/os och skriver ut css:en efter det men jag kommer tyvärr inte ihåg adressen.. :( Men vänta i några timmar så är det säkert någon som postar det ;)

Redigering: woo.. hittade; http://www.lammhult.com/sample/detect.htm

------------------
M a tti Kolu
www.mk.st

[Redigerat av Matti den 29 jun 2000]

Medlem sedan maj 200010 687 inlägg
#3

Eller så kan man använda <font> taggen, funkar alldeles utmärkt + att den funkar i Netscape 3 också!

------------------
/Erik
www.juhlin.nu /sk8files/ /mp1d/

Medlem sedan dec. 19996 592 inlägg
#4

Njah.. om du kör font med size 1 och Verdana så blir sidan oläslig på en mac..

------------------
M a tti Kolu
www.mk.st

Medlem sedan dec. 19996 588 inlägg
#5

Som Matti säger så ser fonterna olika ut beroende på webbläsare OCH operativsystem. Den länk han angett till kjells detect-javascript är helt suverän och låter dig styra designen helt beroende på webbläsare och operativsystem.

Det är ungefär 1 pt skillnad mellan Netscape och Internet Explorer, så vill man att det ska se lika ut mellan webbläsarna ska man göra fonten större i Netscape än i IE. Lika så är det med skillnaderna mellan Mac och PC, då fonterna i Mac ser mindre ut än i PC (det är en lång historia varför och det kan sägas att det INTE är Apples fel denna gång).

Det finns trådar där jag gett exempel på hur storlekarna ser ut mellan olika webbläsare och operativsystem, så gör en sökning.

Kolla också in denna artikel (på engelska) som också tar upp detta problem plus många andra när det gäller skillnader mellan de olika webbläsarna och operativsystemen. http://hotwired.lycos.com/webmonkey/99/41/index3a.html?tw=design

Lycka till!

------------------
/Petra

Medlem sedan apr. 2000313 inlägg
#6

Så här kan man göra med 3 olika filer:
style.css - en generell fil (jag brukar ha den till lagers
styleNS.css - stylefil för Netscapefonter
styleIE.css - stylefil för IE-fonter.
Om man använder pixlar och anger fontstorlek en pixel mindre i NS än i IE, så ser det ganska lika ut på alla browsers.

<link rel="STYLESHEET" type="text/css" href="/inc/style.css">
<link rel="STYLESHEET" type="text/css" href="/inc/styleNS.css">
<script language="JavaScript1.2" type="text/javascript">
    if (document.all) document.createStyleSheet('/inc/styleIE.css');
</script>

/ m a r t i n - fonttaggar har W3C flaggat för att de försvinner i framtida versioner av HTML.
Bonusurl: http://www.w3.org/TR/html4/present/graphics.html#h-15.2.2

------------------
martin.iconmedialab.se
martin@iconmedialab.se

Medlem sedan maj 200010 687 inlägg
#7

Jo, men de finns fortfarande med i loose.dtd och det funkar i alla nya webbläsare (i alla fall IE och NN).

------------------
/Erik
www.juhlin.nu /sk8files/ /mp1d/

Medlem sedan apr. 2000313 inlägg
#8

... fast font-taggar löser inte problemet med att det ser olika ut i olika browsers

/ m a r t i n

------------------
martin.iconmedialab.se
martin@iconmedialab.se

Medlem sedan maj 200010 687 inlägg
#9

Jo, i alla fall i Netscape och Internet Explorer. Fast inte i olika operativsystem..

------------------
/Erik
www.juhlin.nu /sk8files/ /mp1d/

Medlem sedan dec. 19996 588 inlägg
#10

Som sagts, kjells detect-script känner av både vilken webbläsare det är OCH vilket operativsystem. Det finns till och med ett alternativ till "övrigt" då det finns andra webbläsare än IE och NS och operativsystem än Win eller Mac.

Jag har själv använt detect-scriptet många gånger och jag kan säga med säkerhet att jag kan få en sida att se likadan ut i både Mac och PC och i IE och NS.

------------------
/Petra

260 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)