CSS'de menü background olarak verirken IE'nin saçmalığı

[Pluton]

Şimdi efenim bir menüm var.

HTML Kodları şu şekilde;

	<ul>

	<li id="home"><a href="">Anasayfa</a></li>

	<li id="reference"><a href="">Referanslarımız</a></li>

	<li id="contact"><a href="">İletişim</a></li>

	</ul>

CSS Kodları şu şekilde;

	#header #header_center ul li { float:left; margin-right:10px; margin-top:30px; background:url('../images/menu.png'); height:13px; background-repeat:no-repeat; }

	#header #header_center ul li a { display:block; text-indent:-999999px; }

	#header #header_center ul li#home { width:110px; }

	#header #header_center ul li#home:hover { background-position:0px -16px; }

Bu menu.png;


Bu chrome ve IE8 görüntüsü; (ikiside normal oldugu için birini koydum)



Buda IE6 ve 7 görüntüsü ikiside aynı;



Bunu ne için neden yapar ya :(

[xetraynex]

haci bence sen gelirinin %50sini paticik ile paylas

[Pluton]

neyse...

[toggie]

verdigin kodu test ettim hepsinde normal gorundu bana.
ie6'da transparent png'ler kullanılamıyor. bunun icin cesitli fix yontemleri var ama background position olunca daha zorlasıyor is. hatta css-sprite imkansız gibi bisey. o yuzden ie6 icin jpg olarak kaydettigin image dosyalarını background olarak kullan. html'de ie6 icin ayrı css dosyasına if condition ver.

ie6 ve 7 icin de google'ın fix'ini kullan yine if condition ile. bircok problemi cozuyor, transparan png'leri degil tabi.

[Pluton]

Evet dediğin gibi pngfix'den kaynaklanıyormuş. Backgroundu bir şekilde hallettim artık granident değildi ama pixel pixel ölçtüm tutturdum. Tşkler =)

Birde bu :hover IE6 'da çalışmıyor. Diğerlerinde normalde var mı bilgin?

[toggie]

:hover calısır da linklerde calısır. div'e :hover versen calısmaz mesela, ya da li'ye. bi de background-position calısmaz png dosyalarında. jpg'lerde calısması lazım.

background-position: 0px 10x;
yerine

background-position-y: 10px;
dene bakalım, pek emin degilim ise yarayacagından ama.

bi de sprite'lardaki image dosyalarının boyutlarını ozenerek sec. mesela senin verdigin menu'de yukseklik 29. normal ve hover olarak ikiye ayırdıgında 15, 14 oluyor. esit olsun o. bi de transparent bolgeyi mumkun oldugunca yok et. yani yazının bittigi yerden kes resmi. bu hem senin isini kolaylastırır hem de ie6 icin ozel olarak ugrasmadıysan png daha bicimli gorunur.

[Pluton]

background işini çözdümde şu ie6 hover problemi kötü oldu ya. bakayım var mı fix mix bişey hoverları görmüyor dingil

[di]

IE6 ile ugrasmak vakit kaybi. Bazi durumlarda ne yaparsan yap kitlenip kaliyorsun. Bosuna ugrasma hic.

[Pluton]

Abi işi biliyorsun. Firma siteleri bunlar adamlar hala IE6 ve XP ikilisini kullanıyor. Kimsenin dırdırını çekemem. Neyse ya zaten fixde yokmuş IE6 kullananlarda hover'ı görmeyiversin.

[konudışı]maili aldın mı ö.m atamıyorum dolmuş :D[/konudışı]