بهم خوردگی منو در ایترنت اکسپلورر 7

[fandak]

سلام دوستان
میشه لطفا به من بگویید که چرا منو بالای صفحه در این سایت http://new.staircase.tvدر اینترنت اکسپلورر 7 به هم میخوره و چه طور میتوانم این مشکل را حل کنم

 

[pouya saadeghi]

یه CSS برای قسمت منو بنویسید که فقط در IE7 اجرا بشه:

<!--[if IE 7]>
<style>
YOURCSS
</style>
<![endif]-->

 

[echessdesign]

درود بر شما
باید برای ie7 یک css مجزا بنویسید:

<!--[if IE 7]>
According to the conditional comment this is Internet Explorer 7<br />
<![endif]-->

 

[fandak]

دوستان سلام دوباره
باور کنید الان تمام 3 ساعت که دارم سعی میکنم که یک style sheetجدید باری IE7 درست کنم ولی هر کاری میکنم درست نمیشه
من این کد را که شما در بالا گذاشتید در صفخه html گذاشتم و یک style sheet جدید درست کرده که اگر مرورگر IE7 بیاد از ان پیروی بکنه
ولی نمیدانم که در کجای این style sheet باید تعقیر انجام بدم که این مشکل حل بشه
این کد css مربوط به منو بالی صفحه است

div#page-wrap {
	width:960px;
	margin:0 auto;
	background-image: url(images/main-backgroud.jpg);
}
ul#nav-top {
	height:42px;
	margin:0;
	padding:0;
	background-image: url(images/nav-top.jpg);
	background-repeat: repeat-x;
	display:block;
	list-style-type:none;
	position:relative;
	width:auto;
	font-size:12px;
	font-weight:bold;
	font-family:Helvetica, Arial, Verdana, sans-serif;
}

اگر که برایتان ممکن است به من بگویید که دقیقا کجای این کد را من باید تعقیر بدهم که این مشکل حل بشه
ممنون از کمک هایتان

 

[echessdesign]

درود بر شما
دوست عزیز
بهترین حالت این است که شما باید یک CSS خارجی طراحی کنید، کد های خود را داخل آن ذخیره کنید، سپس بین تگ های شرطی بگزارید:

<!--[if IE 7]>

<link rel="stylesheet" type="text/css" media="screen" href="ie7.css" />

<style type="text/css">
body {background:red;}
</style>

<![endif]-->

در مثال بالا، هم یک فایل css به نام ie7 داریم و هم من در حلقه شرطی، رنگ پسزمینه ie7 رو تغییر دادم