Az IE6-nak még mindig meglehetősen nagy felhasználói tábora van. Erre a hallomáson túl abból is következtetek, hogy az általam hozzáférhető site-ok statisztikáit böngészve még mindig jelentős számú 6-os verziójú Internet Explorer tűnik fel. Bár közismert, hogy mennyire bugos ez a böngésző, – a felhasználói táborára való tekintettel – továbbra sem szabad megfeledkezni az IE6-al történő tesztelésről. Meglehetősen gusztustalan hibák és oldalszéthullások tudnak ilyenkor előjönni, melyeket illik mielőbb javítani.

Az egyik “kedvenc” bugom hogy a div-re illesztett

margin: 1em auto;

stílussal nem képes megbirkózni és ahelyett, hogy az érintett div-et középre igazítaná, mozdulatlanul hagyja. A <center> tag ugyebár nem szabványos és legjobb tudomásom szerint nem illik használni így nemrég valami szabványos css hack után kezdtem kutakodni (tapasztaltabb designerektől, webprogramozóktól elnézést kérek). Találtam is egy szép megoldást ami nem gyengén lepett meg. Valahol azt írták, hogy az érintett div-nek adjunk egy

text-align: center;

attribútumot. Megmondom őszintén kicsit furának találtam és nem igazán hittem benne, hogy működni fog, de bejött. Tehát

text-align: center;
margin: 1em auto;

és az általam tesztelt böngészőkkel (IE6, IE7, Firefox, Camino, Safari 2, Safari 3 Beta) a kívánt célt sikerült elérni.

A böngészőtesztek elvégzésére egyébként két nagyon hasznos oldalt tudok ajánlani:

  • IE NetRenderer: kifejezetten Internet Exploreres renderelést tesz lehetővé. Az on-line renderelt képet azonnal megjeleníti. IE7, IE6, IE5.5 valamint IE7-IE6 Mixed és Difference szolgáltatásokat nyújt. Ez utóbbi két funkció külön érdekessé teszi a szolgáltatást.
  • BrowserShots: Az összes ismertebb böngésző, különböző operációs rendszereken történő renderelését teszi lehetővé. Az eredmény sokkal lassabban érkezik mint ez IE NetRenderer esetén – saját tapasztalatom alapján akár fél óra is lehet -, ami teljesen helyénvaló hiszen sokkal több munkát végez. Plusz pont továbbá, hogy az végeredményeket egy zip fájlban is elérhetővé teszik letöltésre.
Tagged with:
 

3 Responses to IE6 center div quick fix

  1. kobak szerint:

    hasznos, köszönet az összefoglalóért.

  2. vbali szerint:

    Annyira tud bosszantani, hogy az IE6-al állandóan szenvedni kell és egyszerűen nem teheti meg az ember, hogy nem foglalkozik vele mert minden második ember azt használja. Ha legalább frissítenének a 7-esre, már az is egy hatalmas lépés lenne és szép lassan kikopnának a régi verziók…
    Na mindegy, nem vagyunk egyformák és senki sem kényszeríthető arra, hogy azt használjon és szeressen ami a fejlesztőnek is jó. De hiszem, hogy eljön az az idő, amikor már csak mosolygunk rajta, hogy “emlékszel még mikor az oldalakat külön hekkelni kellett, hogy menjenek IE-vel is?” :-)

MINDEN VÉLEMÉNY SZÁMÍT!

Email cím (nem tesszük közzé) A kötelezően kitöltendő mezőket * karakterrel jelöljük

*

A következő HTML tag-ek és tulajdonságok használata engedélyezett: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">