Új lehetőségek nyíltak meg az új css szabvánnyal. Igaz, még nincs teljesen kész, csiszolgatnak rajta, de ez ne akadályozzon meg minket abban, hogy már használjuk.
Normális böngészőkkel rendben meg is jelenik a kívánt betütípussal az adott szöveg. IE-vel azonban mégse. Pedig a renaissance.eot font fájl ugyanott megtalálható, mint a renaissance.ttf és maga a css fájl is.
Mi lehet a bibi IE-vel, és mi lehet rá a megoldás?
Ha a módosítás jön később, az is elég (néha, ha muszáj, lehet !important, de ritkán kell). Igen, kifejezetten úgy szokás, hogy csak a módosításokat teszed bele.
Újabb probléma. Korábban sosem kellett foglalkoznom IE6,7 stb kompatibilitással, de most nem tudom megkerülni. Szinte mindent meg tudtam oldani egy duplikált, de a megfelelő helyeken módosított, feltételesen meghívott (if ie6) css fájl segítségével, örültem is magamnak, de hát a kezdők hibája, hogy ez nem az igazi, mert ezentúl ha egy pixelt is módosítok, kétszer kell mindent csinálnom (2 css fájl). Gondolom lehetséges ezt úgy kikerülni, hogy az iefix.css csak a módosításokat tartalmazza, ami néhány sor csupán.
Ezzel kapcsolatos a kérdés: hogyan lehet elérni, hogy az iefix.css felülírja az alap css-t? Tegyek mindenhova !important-ot? Illetve jó-e, illik-e az adott elem összes paraméterét itt definiálni, vagy abból is csak azt, amit módosítottam (pld. width)?
Közben összedrótoztam de továbbra is érdekelne, mi a "rendes megoldás" (már ha IE esetén lehet erről beszélni, hiszen eleve külön htc fájl kell a normális CSS működéshez, mellesleg ez okozza a problémát).
IE8 alatt: bal oldalon ahogy kinéz, jobb oldalon ahogy ki kéne néznie a piros DIVnek (tekintsünk el a padding-margin szépséghibáktól). A lényeg a piros DIV, melynek pozíciója absolute. Ha ebbe beteszek egy újabb DIV-et, melynek árnyékolást adok (itt behívja az ie-css3.htc fájlt, ami nélkül IE nem működne), akkor ez az árnyék (nem a DIV!) pontosan annyival csúszik lefele, mint amennyi az abszolút vertikális pozíciója a piros DIVnek. Csak akkor jelenik meg jól, ha kényszerből duplikálom a divet (zöld), de ez már relative, ami azon belül van, az már ok.
Igaz, de a kérdéshez vagy az állításhoz hely kell. Ezt a helyet hoztam létre. CSS topic van, tkp. azt is lehetne használni, meg a html5-höz is a html topicot, de nem baj, ha ezek saját helyen vannak.