مشکل منوی CSS با Internet Explorer

[Rostamiani]

سلام
من منوی سایت رو با CSS طراحی کردم.
این منو با Firefox و Opera درست کار می کنه ولی با Internet Explorer 6,7 مشکل داره.
وقتی این منو رو با Internet Explorer باز می کنم، بین دکمه ها یک خط فاصله باقی می مونه !

یک نمونه ساده تر از منوی خودم رو ساختم و ضمیمه کردم تا مشکل رو بهتر ببینید

از توجهتون متشکرم

 

[amirabbas_p30magazine]

این یه باگ تو اینترنت اکسپلورر هستش. شما اینو به فایل css اضافه کن

li a {
	height: 1%;
	}

 

[Rostamiani]

این یه باگ تو اینترنت اکسپلورر هستش. شما اینو به فایل css اضافه کن

li a {
	height: 1%;
	}

خيلي ممنونم
ممكنه بكين اين باك جه موقع اتفاق مي افته؟
مثلا من اين مشكل رو با فرم ها هم دارم.

 

[Rostamiani]

این یه باگ تو اینترنت اکسپلورر هستش. شما اینو به فایل css اضافه کن

li a {
	height: 1%;
	}

خیلی ممنونم
ولی مثل اینکه این روش توی IE7 باعت مشکل می شه و باید به جای اون از کد zoom: 1 استفاده کرد.

برای توضیحات بیشتر اینجا رو ببینید:
http://www.adobe.com/cfusion/commun...ndByTextId&productid=1&textid=THREE_PIXEL_JOG

 

[amirabbas_p30magazine]

خوب اگر درستش رو بخواید باید کلا این دستور رو از دید IE7 مخفی کنید تا فقط IE6 و قبلش بتونن این هک رو ببینن. برای اینکار از ترفند star hack استفاده کنید. به این شکل

* html li a {
    height: 1%;
}

حالا فقط IE6 و قبل از اون میتونن این دستور رو بفهمن و بقیه مرورگر ها اصلا بهش توجهی نمی کنن
اون zoom: 1 از این جهت خوب نیست چون یک دستور غیر استاندارد CSS محسوب میشه و اگر ازش استفاده کنید فایل CSS شما دیگه valid نیست.

این باگ هم زمانی بروز میکنه که یه عنصر تو صفحه hasLayout نداشته باشه. برای کسب اطلاعات بیشتر باید این مقاله رو بخونید.
http://www.satzansatz.de/cssd/onhavinglayout.html

 

[Rostamiani]

خوب اگر درستش رو بخواید باید کلا این دستور رو از دید IE7 مخفی کنید تا فقط IE6 و قبلش بتونن این هک رو ببینن. برای اینکار از ترفند star hack استفاده کنید. به این شکل

* html li a {
    height: 1%;
}

حالا فقط IE6 و قبل از اون میتونن این دستور رو بفهمن و بقیه مرورگر ها اصلا بهش توجهی نمی کنن
اون zoom: 1 از این جهت خوب نیست چون یک دستور غیر استاندارد CSS محسوب میشه و اگر ازش استفاده کنید فایل CSS شما دیگه valid نیست.

این باگ هم زمانی بروز میکنه که یه عنصر تو صفحه hasLayout نداشته باشه. برای کسب اطلاعات بیشتر باید این مقاله رو بخونید.
http://www.satzansatz.de/cssd/onhavinglayout.html

ولی IE7 هم این مشکل رو داره.توی لینکی که دادین نوشته باید برای IE7 از min_height=0 استفاده کنیم.

 

[amirabbas_p30magazine]

من دارم راه هایی رو پیشنهاد می دم که برگه سبک شما از حالت ولید خارج نشه
شما میتونی این رو بذاری تو تگ head

   <!--[if lt IE 7]><style>
/* style for IE6 + IE5.5 + IE5.0 */
li a { height: 0; }
</style><![endif]-->
 
 <!--[if IE 7]><style>
li a { zoom: 1; }
 </style><![endif]-->

این فکر کنم بهترین راه باشه که برگه سبک شما هم ولید بمونه