Szeretne azonnal értesülni a legfontosabb hírekről?
Az értesítések bekapcsolásához kattintson a "Kérem" gombra!
Az értesítés funkció az alábbi böngészőkben érhető el: Chrome 61+, Firefox 57+, Safari 10.1+
Köszönjük, hogy feliratkozott!
Hoppá!
Valami hiba történt a feliratkozás során, az oldal frissítése után kérjük próbálja meg újra a fejlécben található csengő ikonnal.
Már feliratkozott!
A böngészőjében az értesítés funkció le van tiltva!
Ha értesítéseket szeretne, kérjük engedélyezze a böngésző beállításai között, majd az oldal frissítése után kérjük próbálja meg újra a fejlécben található csengő ikonnal.
[{"available":true,"c_guid":"e645df3b-acdb-4e90-81cf-e1227bfd36d6","c_author":"HVG","category":"tudomany","description":"A szülők megtévesztésére hegyezik ki a legújabb csalásformát, amiben egy veszélyes hivatkozás megnyitására próbálják rávenni az embert. ","shortLead":"A szülők megtévesztésére hegyezik ki a legújabb csalásformát, amiben egy veszélyes hivatkozás megnyitására próbálják...","id":"20250508_atveros-sms-csalas-whatsapp-uj-telefonszam","image":"https://img.hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/e645df3b-acdb-4e90-81cf-e1227bfd36d6.jpg","index":0,"item":"520c54b2-3dc5-4fde-99f9-4c67719bbe66","keywords":null,"link":"/tudomany/20250508_atveros-sms-csalas-whatsapp-uj-telefonszam","timestamp":"2025. május. 08. 13:03","title":"Ön is kapott ilyen üzenetet? Azonnal törölje, mert veszélyes lehet","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":false,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"7976f24f-ecd2-42b9-a676-3ad85bdc984e","c_author":"hvg.hu","category":"tudomany","description":"Amerikai kutatók szerint tévedés zöld és kék színű bolygókat keresni a Földön kívüli idegen életformák megleléséhez.","shortLead":"Amerikai kutatók szerint tévedés zöld és kék színű bolygókat keresni a Földön kívüli idegen életformák megleléséhez.","id":"20250507_foldon-kivuli-elet-megtalalasa-lila-szin-bolygo-bakterium","image":"https://img.hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/7976f24f-ecd2-42b9-a676-3ad85bdc984e.jpg","index":0,"item":"8ba12968-98e0-454b-8ace-c24a7684b211","keywords":null,"link":"/tudomany/20250507_foldon-kivuli-elet-megtalalasa-lila-szin-bolygo-bakterium","timestamp":"2025. május. 07. 18:03","title":"Milyen színű lesz az első bolygó, ahol Földön kívüli életet találhat az emberiség? Úgy tűnik, lila","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":false,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"3c2163f2-dc38-4b21-a019-14f127836ab7","c_author":"HVG","category":"vilag","description":"Nem engedték tovább Aleksandar Vucsicsot, miután a moszkvai reptereket az ukrán dróntámadások miatt lezárták.","shortLead":"Nem engedték tovább Aleksandar Vucsicsot, miután a moszkvai reptereket az ukrán dróntámadások miatt lezárták.","id":"20250507_szerb-elnok-moszkva-baku-repuloter","image":"https://img.hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/3c2163f2-dc38-4b21-a019-14f127836ab7.jpg","index":0,"item":"5e20a2a7-77bc-4f7d-bacc-b5ffba60ade2","keywords":null,"link":"/vilag/20250507_szerb-elnok-moszkva-baku-repuloter","timestamp":"2025. május. 07. 15:34","title":"Hiába indult kerülővel Moszkvába, Bakuban ragadt egy időre a szerb elnök","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":false,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"5eff675f-2f0c-47fe-b583-fa0266fdaea6","c_author":"hvg.hu","category":"itthon","description":"Hunyadi Mátyás, az iszlám vallás és a kapitalizmus is szerepel a középszintű töriérettségi első részében, utána pedig jöhet az esszéírás. ","shortLead":"Hunyadi Mátyás, az iszlám vallás és a kapitalizmus is szerepel a középszintű töriérettségi első részében, utána pedig...","id":"20250507_tortenelem-erettsegi-elso-feladatok-ebx","image":"https://img.hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/5eff675f-2f0c-47fe-b583-fa0266fdaea6.jpg","index":0,"item":"dcce7b66-fdb3-47b7-9208-cff5b16baa93","keywords":null,"link":"/itthon/20250507_tortenelem-erettsegi-elso-feladatok-ebx","timestamp":"2025. május. 07. 09:58","title":"Elkezdődött a történelemérettségi, nehéz esszétémákat kaptak a diákok","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":false,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"524e1fcd-e025-44db-9d90-3ca8bc3af4bf","c_author":"hvg360","category":"360","description":"A holnapi Vörös téri parádé is jelzi, hogy Putyin háborúkat akar. Hszi és Putyin a Trump keltette zűrzavar legnagyobb haszonélvezője. Netanjahu terveiből látszik, hogy a szélsőséges politika immár a fő áramlat része Izraelben. Trump le tudja győzni a jemeni huszikat, ha Amerika kitart, de az iráni segédcsapat továbbra is fenyegetést jelent. Ha a „Merzcron”, azaz a francia–német kettős kudarcot vall, Európa is kudarcot vall. Témák és vélemények.","shortLead":"A holnapi Vörös téri parádé is jelzi, hogy Putyin háborúkat akar. Hszi és Putyin a Trump keltette zűrzavar legnagyobb...","id":"20250508_Nemzetkozi-lapszemle","image":"https://img.hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/524e1fcd-e025-44db-9d90-3ca8bc3af4bf.jpg","index":0,"item":"57dea3a5-6542-4228-a676-5ddae0cddbfb","keywords":null,"link":"/360/20250508_Nemzetkozi-lapszemle","timestamp":"2025. május. 08. 10:30","title":"Brit katonai szakértő: Ez már nem blöff, Putyin egyetlen lehetősége az atomháború, a NATO-nak a legrosszabbra kell készülnie","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":true,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"a59bb684-8a0b-4973-8640-f2c1ffb4ed4f","c_author":"HVG","category":"cegauto","description":"A hőmérséklettől és a kopás állapotától függően a téli abroncsok fékútja jelentősen hosszabb, mint a nyáriaké adott esetben. ","shortLead":"A hőmérséklettől és a kopás állapotától függően a téli abroncsok fékútja jelentősen hosszabb, mint a nyáriaké adott...","id":"20250507_Nem-a-rendor-hanem-a-biztosito-buntethet-igy-jarhat-aki-nyaron-teli-gumit-hasznal","image":"https://img.hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/a59bb684-8a0b-4973-8640-f2c1ffb4ed4f.jpg","index":0,"item":"c71cbfbb-7ea0-4e8b-9235-f38447b41f8d","keywords":null,"link":"/cegauto/20250507_Nem-a-rendor-hanem-a-biztosito-buntethet-igy-jarhat-aki-nyaron-teli-gumit-hasznal","timestamp":"2025. május. 07. 08:31","title":"Nem a rendőr, hanem a biztosító büntethet: így járhat, aki nyáron téligumit használ","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":false,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"58dc602d-6390-48d6-aca5-db89c21927f7","c_author":"hvg.hu","category":"kultura","description":"Az ausztrál filmipart is tönkreteheti az a százszázalékos büntetővám, amit Donald Trump készül kivetni a külföldön forgatott amerikai filmekre, ezért az ausztrálok, akár a filmekben, egy akciósztárhoz fordultak a helyzet megoldásáért.","shortLead":"Az ausztrál filmipart is tönkreteheti az a százszázalékos büntetővám, amit Donald Trump készül kivetni a külföldön...","id":"20250507_Mel-Gibson-ausztralia-donald-Trump-filmes-vamok-buntetovam","image":"https://img.hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/58dc602d-6390-48d6-aca5-db89c21927f7.jpg","index":0,"item":"e2022d70-c97e-411e-84e1-83d09b92e676","keywords":null,"link":"/kultura/20250507_Mel-Gibson-ausztralia-donald-Trump-filmes-vamok-buntetovam","timestamp":"2025. május. 07. 10:51","title":"Mel Gibsontól várja az ausztrál filmipar, hogy beszéljen Trump fejével","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":false,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null},{"available":true,"c_guid":"6f46b932-5a5d-4a71-93c0-0a8b4cd35525","c_author":"HVG","category":"gazdasag","description":"Éves szinten alig pár tizedszázalékot nőtt a kiskereskedelmi forgalom márciusban, havi szinten viszont csökkent.","shortLead":"Éves szinten alig pár tizedszázalékot nőtt a kiskereskedelmi forgalom márciusban, havi szinten viszont csökkent.","id":"20250507_kiskereskedelmi-forgalom-marcius-ksh-gazdasag-statisztika-vasarlas","image":"https://img.hvg.hu/Img/ffdb5e3a-e632-4abc-b367-3d9b3bb5573b/6f46b932-5a5d-4a71-93c0-0a8b4cd35525.jpg","index":0,"item":"f89c47dd-9fbf-49c9-b35b-def9351e4484","keywords":null,"link":"/gazdasag/20250507_kiskereskedelmi-forgalom-marcius-ksh-gazdasag-statisztika-vasarlas","timestamp":"2025. május. 07. 09:33","title":"Nem hozta meg a vásárlási kedvet az árréssapka, csökkent a kiskereskedelmi forgalom","trackingCode":"RELATED","c_isbrandchannel":false,"c_isbrandcontent":false,"c_isbrandstory":false,"c_isbrandcontentorbrandstory":false,"c_isbranded":false,"c_ishvg360article":false,"c_partnername":null,"c_partnerlogo":"00000000-0000-0000-0000-000000000000","c_partnertag":null}]
Szerencsére a böngészőfüggetlenedésre többféle megoldás is...
Szerencsére a böngészőfüggetlenedésre többféle megoldás is létezik.
Ezek: 1. A CSS fájlba írogasd a hekkjeidet. 2. Már a fejlécben lekérdezed a böngészőt, és esetlegesen készítesz egy hekket, amit csak az IE értelmez.
Menjünk sorban végig rajtuk! 1. Felejtsd el :) 2. IE hekk a CSS fájlban
Nem szeretnék mindent felsorolni, csak néhány mintát. Ezekkel könnyedén elkerülhetjük a kényelmetlen helyzeteket. (IE alatt végig IE 6-ot értünk a cikkben!)
Első példa: az aláhúzásos hekk Tegyük fel, hogy van egy valamilyen osztályú divünk, ami jól néz ki Firefox alatt 10px-es marginnal, de IE alatt az egész elrontotta valahogy magát. Ekkor használjuk az aláhúzásos hekket. A böngészők nem értelmezik az aláhúzással kezdődő tulajdonságot, kivéve az IE. Figyelem! Mindig az eredeti tulajdonság után tegyük az aláhúzottat.
.vmi{ margin: 10px;_margin: 15px;}
Második példa: a backslash hekk Nézzük rögtön a mintát!
Ezzel megadtunk egy 200x200-as dobozt 10px-es paddinggal, amit az IE 5.5 es az IE 6. is helyesen fog értelmezni. Miért volt erre szükség? Az IE a padding értéket hozzáadja a szélességhez, így ha nem vernénk át, akkor IE alatt 220x220-as dobozunk lenne.
Overflow problémák Az emberek valami megmagyarázhatatlan oknál fogva szeretik a dőlt betűket. Az IE is szereti megnyújtja vízszintesen a befoglaló dobozt. Ha ezzel találkozunk:
.someselector { overflow-x: hidden;}
Ennyi. Lehet, hogy sikítani fog a validator, hogy a CSS nem valid, de legalább nem csúszik szét a site.
Min-width, max-width IE alatt A legtöbb böngésző értelmezi a min-width-et, de sajnos az Explorer nem. De mit tegyünk akkor, ha ennek ellenére meg kell határozni a minimum-maximum szélességet ? Nos, ezt:
Az első két sor a többi böngészőnek szól. Az utolsó egy rövid javascript utasítás, amelyet az IE is megért.
Feltételek a fejlécben Ha nem akarunk szenvedni, rondítani a master CSS-ben, hanem azt szeretnénk, hogy az IE bizonyos esetekben külön CSS alapján dolgozzok, akkor feltételekkel megadhatjuk neki, ami jár.
Én ezt a megoldást szeretem, már az átláthatóság végett is. Lássuk:
<!--[if IE]> Bármilyen IE verzió <![endif]-->
<!--[if IE 5]> IE 5-ös verzió <![endif]-->
<!--[if IE 5.0]> IE 5.0-ás verzió <![endif]-->
<!--[if IE 6]> IE 6-os verzió <![endif]-->
<!--[if IE 7]> IE 7-es verzió <![endif]-->
<!--[if gte IE 5]> IE 5-höz vagy ennél magasabb verzió <![endif]-->
<!--[if lt IE 6]> IE 6-osnál kisebb verzió <![endif]-->
<!--[if lte IE 6]> IE 6-hoz vagy ennél kisebb verzió <![endif]-->
Ennyi. Hát nem egyszerű? Az IE értelmezi a feltételes utasítást, és beolvassa a neki szánt CSS-t, felülírva a master CSS-ben leírtakat.