re: Böngésző függő css kód
Szia Arni!
Cssplay.co.uk-n van egy tök jó leírás a condifitional css-re. Nagyon ajánlom http://www.cssplay.co.uk/menu/conditional.html
re: Böngésző függő css kód
Köszi Zoli!
De azt reméltem, valaki itt leírja nekem a kódot, és nem kell angol tudás hiánya mellett egy angol oldalon keresgélni. De beraktam a google fordítóba, illetve valamit kibogarásztam az angolból, és az jön le, hogy ez az oldal nem segít nekem.
Nekem lenne egy ie.css file, és a head részbe kéne ezt valahogy konfigurálni, csak nem megy..
Arni
re: Böngésző függő css kód
Kód:
http://www.tutorial.hu/bongeszofuggo-css-feltetelek-segitsegevel/
re: Böngésző függő css kód
Szerintem egy CSS reset sok böngészőfüggő változtatást kiküszöböl. Persze néhány esetben fog kelleni "iehack" és hasonlók, de azért a _http://meyerweb.com/eric/tools/css/reset/ jó kiindulási alap.
re: Böngésző függő css kód
Idézet:
Harder eredeti hozzászólása
Kód:
http://www.tutorial.hu/bongeszofuggo-css-feltetelek-segitsegevel/
Itt ugyanazt látom, mint amit én csináltam, de nem megy egyikse. Hát nem tudom, lehetséges, hogy a wp theme nem támogatja? mert azzal próbálkozom. egy másik theme-nál működik, ennél pedig nem :(
re: Böngésző függő css kód
Nem tudok olyan helyzetet elképzelni, hogy egy wp theme ne támogassa, max ha nem kerül ez a részlet a generált kódba.
re: Böngésző függő css kód
Nincs felülírva valamivel vagy nem megfelelő elemhez adod hozzá?
re: Böngésző függő css kód
Tesztelés:
Az IE specifikus CSS-ben átállítod a BODY hátterét hupikékre és ha átváltoztatja a hátteret, akkor beolvasta a CSS-t helyesen az explorer és a stílusaidban van a hiba, ha nem olvasta be, akkor ott a hiba valahol.
re: Böngésző függő css kód
Nem kell tesztelni, mivel be van lőve a css az ie-re, és tudom, hogy kell kinéznie.
Jelenleg ez van a head részben (forráskódból másoltam ki direkt):
<link rel="stylesheet" href="elérési út/style.css" type="text/css" media="screen" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="elérési út/ie.css" media="all"><![endif]-->
az ie.css fel van töltve, mennie kell. a media beállításnak mi az értelme? Próbáltam screen-el, meg all-al is, de ugyanaz a végeredmény, jelenleg semmi.
kell ennél több?
egyébként ez van az ie.css-ben:
#header #menu {
display:block;
position: relative;
margin: 0 auto;
padding: 0px 0 0 7px;
overflow: hidden;
line-height:2.7em;
}
a simában pedig ez:
#header #menu {
display:inline;
position: relative;
margin: 0 auto;
padding: 0px 0 0 7px;
overflow: hidden;
line-height:2.7em;
float:left;
}
ha kihagyom az ie-ből az float-ot, akkor jeleníti meg jól, vagyis ugyanúgy, mint az ff :D nem tudom, miért, de ha csak ennyi a különbség, gondoltam, csinálok egy ie.css-t, de nem megy..