CSS 3 nem jelenik meg IE 9-ben
Sziasztok!
Egy portálon készített oldalt próbálok az 5 nagy böngészőre ugyanolyan kinézetűvé tenni, 4-re sikerült szinte ugyanolyanra megcsinálni, de az IE 9-ben minden rossz, olyan mintha nem támogatná a kódokat mint a régebbi IE-k. Az oldal linkje:
http://www.hotdog.hu/magazin/magazin.hot?m_id=30435
Mivel ez egy portálon van, nem tudom az egész oldalt alakítani, csak a dobozok tartalmát megadni, és css-t hozzáadni amivel felül lehet írni az alap stílust, egy css fájlba dolgozok ennek a linkje:
http://users3.ml.mindenkilapja.hu/users/srmark/uploads/foto_mag_css.css
Amiket az IE nem jelenít meg az az összes CSS 3 kód, szöveg és doboz árnyékok, border-radius, amiket elvileg már támogat a 9-es verzió, csak gyakorlatban nem. A css fájlban bent van a moz-os, és a webkit-es előtagú kód is, és persze a valid CSS 3 is.
Ezen felül a fent levő "menü" sem jelenik meg, ez 3 darab div, és 3 darab "a" tag amiket egyenként pozícionáltam a helyükre, és méreteztem.
Előre is köszönöm a segítséget!
■ Egy portálon készített oldalt próbálok az 5 nagy böngészőre ugyanolyan kinézetűvé tenni, 4-re sikerült szinte ugyanolyanra megcsinálni, de az IE 9-ben minden rossz, olyan mintha nem támogatná a kódokat mint a régebbi IE-k. Az oldal linkje:
http://www.hotdog.hu/magazin/magazin.hot?m_id=30435
Mivel ez egy portálon van, nem tudom az egész oldalt alakítani, csak a dobozok tartalmát megadni, és css-t hozzáadni amivel felül lehet írni az alap stílust, egy css fájlba dolgozok ennek a linkje:
http://users3.ml.mindenkilapja.hu/users/srmark/uploads/foto_mag_css.css
Amiket az IE nem jelenít meg az az összes CSS 3 kód, szöveg és doboz árnyékok, border-radius, amiket elvileg már támogat a 9-es verzió, csak gyakorlatban nem. A css fájlban bent van a moz-os, és a webkit-es előtagú kód is, és persze a valid CSS 3 is.
Ezen felül a fent levő "menü" sem jelenik meg, ez 3 darab div, és 3 darab "a" tag amiket egyenként pozícionáltam a helyükre, és méreteztem.
Előre is köszönöm a segítséget!
td elemen
<div style="margin-top:17px;"></div>).A W3C HTML validator
Nem tudom Explorer mit véthet, de én Firefox 5-re sem mondanám, hogy jól viseli el: az üzenőfal tartalma csak akkor jelenik meg ha fent már picit kigördült a tartalma a látómezőből.
A CSS 2.1 idén június 7-én
A dizájnodat CSS 2-re átültetni egyébként minimális munkával meg lehet oldani.
HTML
CSS 3-ból CSS 2?
Én is képpé alakítanám a
A html nem az enyém
Leírom világosabban: a html rész 99%-ához egyáltalán nem tudok hozzányúlni, azért mert ez egy portálon van, ahol a user csak a dobozok tartalmát adhatja meg (én is csak user vagyok, nem admin), ebben van a css is, amivel dolgozok.
Tudom hogy kismillió hibája van az oldalnak, de nem tudok vele semmit se csinálni.
A felvetett problémára nem kaptam választ, ha senki nem tudja kitalálni hogy miért nem megy IE-ben, akkor azt én is ki tudom találni h nem használok CSS 3-at, és tisztában vagyok vele hogy mennyire félkész a CSS 3, de IE 9-ben kipróbálgattam már a kódokat amiket az oldalon használok, és tesztekben tökéletesen működött, és megjelentek, ezért próbálom meg használni őket.
Támogatja
tr,théstdelemekkel).Az azért fura, hogy a HTML-hez nem lehet hozzányúlni, a CSS-hez pedig igen. Főleg ha ilyen minőségű és jellegű a HTML. Én ilyet még nem is láttam. Még bloggeren is lehet módosítani a témán.
div
A alap CSS-hez sem lehet hozzányúlni, csak a dobozokba lehet bepakolni akármilyen html kódot, így lehet bele tenni plusz css-t
Lényeges
inkább div-eken
A menüt megpróbálom megoldani
doctype
<!DOCTYPE HTML>
Az IE megköveteli a html 5 doctype-ját
Meglévő doctype átírása
Mint az előzményekben írtam nem tudom közvetlenül átírni, csak script-es megoldás jöhet szóba.
Az alap doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Már 1-2 órája guglizok és próbálkozok, a következőket próbáltam meg, de egyik sem hozta a kívánt eredményt (azt hogy a css 3 működjön IE-ben):
createDocumentType("html")
http://msdn.microsoft.com/en-us/library/ff976129%28v=vs.85%29.aspx
if (document.body.parentNode.parentNode.firstChild.nodeValue != "<!DOCTYPE html>") {
document.write("<!DOCTYPE html><html><head>" + document.head.innerHTML + "</head><body>" + document.body.innerHTML + "</body></html>");
}
http://www.webmasterworld.com/forum91/4856.htm
document.body.parentNode.parentNode.firstChild.nodeValue = "<!DOCTYPE html>"
Akinek van megoldása, vagy ötlete kérem írjon, köszönöm!
99%-ot adok arra, hogy utólag