CSS og breytilegar leturstęršir ķ IE

Skrifaš 30. janśar 2004, kl. 11:50

Flestir CSS forritarar žekkja vandamįliš meš Internet Explorer vafrann į Windows sem veldur žvķ aš notendur geta ekki breytt leturstęršum į vefsķšum ef stęrš letursins er skilgrein ķ "px" ķ CSS skjalinu. Mikiš hefur veriš skrifaš um žetta vandamįl ķ gegnum tķšina og mikiš deilt um žaš hvort žaš sé įsęttanlegt aš fórna möguleikum notandans til aš breyta leturstęršinni svo hönnušurinn geti haft fulla stjórn į innbyršis stęršarhlutföllum letursins.

Hingaš til hefur CSS forriturum stašiš žrjįr forritunarleišir til boša:

  • Nota nöfnin xx-large, x-large, large, medium, small, x-small og xx-small ķ hvert einasta skipti žar sem breyta žarf leturstęrš ķ CSS skjalinu.
    Kostir: IE/Win notendur geta breytt leturstęršinni.
    Gallar: Minnsti munur į milli leturstęrša er mjög mikill og ašrir vafrar eru ekki sammįla IE um hversu stórt "medium" letur er. Til aš leišrétta žetta žarf aš tvķskilgreina allar leturstęršir ķ CSS skjalinu (og nota CSS brellur til aš tryggja aš ólķkir vafrar taki réttu skilgreininguna til sķn).
  • Tvķskilgreina leturstęršina į <body> markinu (nota "em" eša "medium, small, x-small, etc. fyrir IE/Win og "px" fyrir ašra vafra) og nota svo "em" męlieininguna til aš stękka og minnka letriš innan sķšunnar hlutfallslega śt frį upprunalegu skilgreiningunni.
    Kostir: Engir.
    Gallar: IE/Win notendur geta stękkaš og minnkaš letriš en hvert stökk upp eša nišur hefur ķ för meš sér margfalda stęršarbreytingu sem žżšir aš sķšan er allt aš žvķ ólęsileg nema ķ upphaflegu stillingunni.
  • Nota "px" til aš stilla grunnleturstęršina og nota "em" męlieininguna til aš stjórna hlutfallslegri stęrš annara hluta sķšunnar śt frį grunnstęršinni.
    Kostir: Letriš lķtur vel śt og śtlitshönnušurinn og kśnninn er glašur.
    Gallar: IE/Win notendur geta ekki breytt leturstęršinni nema meš žvķ aš fara ķ "Tools->Internet Options->Accessibility" valmyndina og haka viš "Ignore font sizes..." valkostinn, en sś ašgerš gerbreytir śtliti flestra vefsķšna.

Žaš var hins vegar ekki fyrr en nżlega sem menn uppgötvušu aš žaš var ein leiš til višbótar sem CSS forritarar gįtu fariš - leiš sem leyfir IE/Win notendum aš breyta leturstęršinni en hefur ekki ķ för meš sér neina alvarlega ókosti.

Trikkiš felst ķ žvķ aš tvķskilgreina grunnleturstęršina (į <body> markiš). Annars vegar meš "px" fyrir alla ešlilega vafra en meš "%" fyrir IE/Win. (Sjįlfgefna, innbyggša leturstęršin ķ IE/Win er "16px" og žvķ mį framkalla "12px" stórt letur meš žvķ aš nota "75%" ķ IE/Win.) Allar ašrar leturstęršir innan sķšunnar eru sķšan skilgreindar sem "em" hlutfall af grunnstęršinni. Žessi forritunarleiš - og engin önnur - lętur IE/Win hegša sér skikkanlega žegar notandinn reynir aš stękka eša minnka letriš į sķšunni.

Kóšadęmi:

body {
  font-size : 11px;
  _font-size : 68,75%;       /* 11px / 16px = 0,6875 */
}
h1 { font-size : 2em; }      /* 2 x 11px = 22px       */
h2 { font-size : 1.64em; }   /* 1,64 x 11px ~ 18px   */
...

Žaš žarf vart aš taka fram aš ég er alveg ógešslega kįtur meš aš hafa rekist į žessa ašferš...

Žeir sem ekki vita hvaš undirstrikunin (_) fremst ķ žrišju lķnu gerir, bendi ég į aš lesa Tackling the IE Factor.


Svör frį lesendum (3)

  1. Sindri svarar:

    Veist žś hvort er hęgt aš fara kringum vandamįliš meš aš merkja texta innķ sumum div tögum ķ IE. Ķ IE vafranum mķnum er ekki hęgt aš merkja textabśta ķ greinunum žķnum heldur bara greinina ķ heild. Ķ fljótu bragši sżnist mér žetta vera bundiš viš div tög meš position:absolute; stķl.

    30. janśar 2004 kl. 13:11 GMT | #

  2. Mįr Örlygsson svarar:

    Jį ég hef oršiš var viš žetta ķ sumum verkefnum sem ég hef unniš, en mér hefur enn ekki tekist aš greina nįkvęmlega hvaš veldur žessu. Skķtavafri žessi IE.

    30. janśar 2004 kl. 13:25 GMT | #

  3. Mįr Örlygsson: "All my ..."

    "IE 6.0 notendur geta nś tekiš gleši sķna į nż og vališ og afritaš textann į sķšunum mķnum eins og ekkert sé ešlilegra. ;-)" Lesa meira

    7. jślķ 2004 kl. 09:50 GMT | #

Žessum svarhala hefur veriš lokaš. Kęrar žakkir til žeirra sem tóku žįtt ķ umręšunni.


 

Flakk um vefsvęšiš



 

Nżleg svör frį lesendum

  • Rich (Req.js - javascript lazy-loading and dependency managment made easy)
  • Rich (Req.js - javascript lazy-loading and dependency managment made easy)
  • Rich (Req.js - javascript lazy-loading and dependency managment made easy)
  • Mįr (Req.js - javascript lazy-loading and dependency managment made easy)
  • Rich (Req.js - javascript lazy-loading and dependency managment made easy)
  • Mįr (Req.js - javascript lazy-loading and dependency managment made easy)
  • Dinesh (Req.js - javascript lazy-loading and dependency managment made easy)
  • Mįr (Taubleyjur ķ nśtķmanum - lķtill leišarvķsir handa hręddri žjóš)
  • Ada (Taubleyjur ķ nśtķmanum - lķtill leišarvķsir handa hręddri žjóš)
  • notandi (Taubleyjur ķ nśtķmanum - lķtill leišarvķsir handa hręddri žjóš)
  • Geir (Lausnin į efnahagsvandanum)
  • Jennż (Lausnin į efnahagsvandanum)
  • Óli Jens (Lausnin į efnahagsvandanum)
  • Mįr (Lausnin į efnahagsvandanum)
  • Kjartan S (Lausnin į efnahagsvandanum)

 

 

Yfirlit yfir žetta skjal

(Atrišin ķ listanum vķsa į įkvešna kafla ofar į sķšunni.)