![[Passamynd]](/files/2003/05/mar.gif)
Már ÖrlygssonLeið 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.
Meira þessu líkt: HTML/CSS.
Svör frá lesendum (1)
Vefdagbok Tryggva: Ég bara gat ekki hætt!!!
29. júlí 2003 kl. 22:08 GMT | #