چند تا مشکل اساسی در اینترنت اکسپلورر

686868 · Jul 22, 2012

سلام به همگی .. دوستان خواهشا کمک کنند ... 1- دایو کلی بنده که خاصیت margin:auto; هم دارد در ie به سمت چپ میرود.....؟؟!!

2- برای تصاویر خاصیت hover گذاشته ام که اون هم در اینترنت اکسپلورر کار نمیکند!!!!
3-برای دایوها خاصیت box-shodow گذاشته ام که باز اون هم کار نمیکند ..؟!!
4- فاصله های اضافی بین لیستها و بعضی از عناصر دیگر به وجود آمده اند .. ؟؟ به عنوان مثال فاصله بین لیستها که 2px تعریف شده است به بیش از 10px تبدیل شده اند !!
دارم دیوونه میشم ... خواهشا هر کی بلده کمکم کنه ...

MASIHA68 · Jul 23, 2012

سلام
در کل اینترنت اکسپلورر با سی اس اس مشکل خونوادگی داره و اجراش نمی کنه و شما باید باید با چندتا کد اکسپلورر رو مجبور به اجرای سی اس اس کنید
یه سر برید به این ادرس فک کنم بتونید جوابتون رو بگیرید
http://forum.wp-persian.com/topic/12946

686868 · Jul 23, 2012

ما که چیزی دستگیرمون نشد ... یعنی واقعا کس دیگه ای نیست مسئله ما رو حل کنه ؟؟ اصلا فکرشو نمیکردم تو این انجمن کسی نتونه جواب ما رو بده ///

MASIHA68 · Jul 23, 2012

حداقل لطف کنین کدتون رو بذارین شاید بشه بهتر راهنمایی کرد. اینجوری که شما می گید باید اکسپلوررتون اونقد ورژنش پایین باشه که حتی ندونه سی اس اس چیه !!!
این روشم هم بد نیست
بهتره واسه اکسپلورر یه استایل مخصوص درست کنین و با استفاده از کد زیر استایل رو بهش اتچ کنین

<linkrel="stylesheet"type="text/css"href="not-ie.css"/>
///
برای درک بهتر بهتره این کد رو توی اکسپلورر و موزیلا تست کنین

کد:

<div style="background-color:#000; height:300px; width:500px" >
<!--[if IE]>
<img src="http://forum.majidonline.com/majidonline/ranks/user_01.png" />
<![endif]-->


</div>

686868 · Jul 23, 2012

دوست عزیز اولا ممنون از پاسخی که دادی .. دوما از این چیزی که گفتی اصلا سر در نیاوردم خواهشا نحوه به کار بردنش رو راحت تر توضیح بدین ......سوما ... فرض که اصلا من هیچ کدوم از این مشکلا رو ندارم ... خواهشا برای سوال شماره 3 یعنی hover اگه راه حلی دارین بگین ... توی اینترنت سرچ کردم برای رفهع این مشکل باید از فایل .htc استفاده کرد ولی من چیزی نفهمیدم ...

MASIHA68 · Jul 24, 2012

همیشه راهی هست فقط باید باور کنیم راهی هست .
خب دوست گرامی
قرار بود کد رو بذارین که نذاشتیم پس من روی کد های خودم شرح می دم
فرض می کنم قرار شما گوشه های دیو هاتون رو گرد کنین و اینکار رو انجام می دین ولی توی اکسپلورر می بینین که همه ی گوشه ها 90 درجه هستن
خب حالا شما با استفاده از فایل اتچ شده که باید بذارین توی روت اصلی وبسایتتون ( روت اصلی منظور مسیر اولیه است . یعنی همون مسیری که فایل های سایتتون رو توش گذاشتین )
حالا کد گرد کردن گوشه ها به شکل زیر است

کد:

    border-radius: 25px;

توضیحات کد بالا : این کد رو توی قسمت استایل div ی میزاین که میخوایین گوشه هاش گرد بشه
این کد توی همه ی مرور گرها جواب می ده ولی توی اکسپلورر جواب نمی ده
برای اینکه توی اکسپلورر گوشه ها گرد بشه کد رو به صورت زیر در میاد

کد:

border-radius: 25px;
    behavior: url(PIE.htc);

توضیحات : من فرض رو بر این قرار دادم که شما فایل PIE.htc رو توی روت اصلی گذاشتین
حالا توی اکسپلورر هم گوشه ها گرد شدن
_________________________________
در مورد hover پرسیده بودن . من توی اکسپلورر خودم تست کردم دیدم که مشکلی نداره و کار می کنه . البته من از نسخه ی 8 استفاده می کنم . ولی شما اگه مشکل دارین بازم از کد behover: url(pie.htc) ; استفاده کنین اگه جواب نداد . اونوقت یه فکر هم واسه اون می کنیم
::: اینک یه کد پیش فرض که من روش کار کردم :::

کد:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style>
#mim{
	
	
    border-radius: 25px;
    behavior: url(PIE.htc);
	
	float:right;
	height:200px;
	width:200px;
	background-color:#000;
	   


	
}
#mim:hover{
	background-color:#F00;
}
</style>
<div id="mim">
</div>
<body>
</body>
</html>

686868 · Jul 24, 2012

آخه من با چه زبونی از شما تشکر کنم ... ممنونم دوست عزیز

foumanvilla · Jul 6, 2013

686868 گفت:
آخه من با چه زبونی از شما تشکر کنم ... ممنونم دوست عزیز

یعنی شما مشکل گرد نشدن گوشه ها تو اکسپلورر واستون حل شد و جواب داد؟
خیلی از سایتا میگن این روش جواب نداده که!
منم امتحان کردم جواب نداد.

3d mostafa · Jul 9, 2013

686868 گفت:
سلام به همگی .. دوستان خواهشا کمک کنند ... 1- دایو کلی بنده که خاصیت margin:auto; هم دارد در ie به سمت چپ میرود.....؟؟!!

2- برای تصاویر خاصیت hover گذاشته ام که اون هم در اینترنت اکسپلورر کار نمیکند!!!!
3-برای دایوها خاصیت box-shadow گذاشته ام که باز اون هم کار نمیکند ..؟!!
4- فاصله های اضافی بین لیستها و بعضی از عناصر دیگر به وجود آمده اند .. ؟؟ به عنوان مثال فاصله بین لیستها که 2px تعریف شده است به بیش از 10px تبدیل شده اند !!
دارم دیوونه میشم ... خواهشا هر کی بلده کمکم کنه ...

خاصیت box-shadow برای اینترنت اکسپلورر پایین ورژن 9 کار نمیکنه اما بقیه چیزایی که گفتی همشون کار میکنن . فقط باید کد
[LTR]<!doctype>[/LTR]
حتما اول کدهای html ت باشه . اگه کد doctype رو نذاری اینترنت اکسپلورر کدهای css رو درستو حسابی نمیشناسه و قاط میزنه !!! شبیه همون کدی که دوستمون MASIHA68 گذاشته برات .
اگه میخای box-shadow برات کار کنه باید از همون اسکریپ هایی که بچه ها گفتن استفاده کنی . آموزش اسکریپت ها هم تو نت هست .