Már Örlygsson - Heimasíða og blogg - aðgengileiki í fyrirrúmi.

Færslur föstudaginn 25. júlí 2003

Kl. 23:40: SMS flóran breikkar

Fyrstu tveir b2 notendurnir SMS-blogga: Gunnare og Kirk

Fyrsti Blogger.com notandinn: Tyrkinn

Kl. 21:12: Leið til að vinna sig fram hjá IE CSS villum

Þegar ég er að skrifa CSS stílblöð á vefsíður þá lendi ég oft í því að hlutirnir virka rétt í því sem næst öllum vöfrum, nema að Internet Explorer gerir allt vitlaust. Þá er nauðsynlegt að kunna einhverjar CSS brellur til að stoppa í götin á IE. Nýjasta ráðið sem ég var að rekast á heitir einfaldlega "Stjarna html.

Skoðum eftirfarandi CSS dæmi:

div.stuff { border : 1px solid #000; padding : 10px; width : 103px; }

Framangreindur CSS kóði skilgreinir að HTML markið <div class="stuff"> eigi að teiknast með hárfínni svartri útlínu og 10px kanti innan við útlínuna. Samtals á breidd kassans með útlínum og öllu að vera 125px, en IE misskilur skipunina og teiknar kassann 103px breiðan.

Þennan misskilning hjá Internet Explorer má leiðrétta með nokkrum CSS brellum, en sú einfaldasta sem ég hef hingað til séð er að bæta einni skipun fyrir neðan CSS línurnar hér að ofan:

* html div.stuff { width : 125px; }

Brellan nýtir það hvað Internet Explorer er vitlaus. Fremsti hluti veljarans, "* html", segir "hvaða mark sem er utan við <html> markið", en þar sem <html> er alltaf ysta markið öllum HTML skjölum, þá er þessi veljari algjörlega merkingarlaus, og allir góðir vafrar (Mozilla, Firebird, Opera, Safari, etc.) láta skipunina ósnerta. Internet Explorer gleypir hins vegar "stjarna html" veljarann hráan og breikkar <div class="stuff"> kassann upp í rétta breidd.

Svör frá lesendum (1) | Varanleg slóð