مشکل با IE و position:fixed

Goback

Goback

Member
سلام،
این لوگو باید سمت راست و پایین به صورت fixed قرار بگیره،تو فایرفاکس درسته ولی تو IE8 میره پایین صفحه سمت چپ اونم به صورت معمولی،نه fixed
دوستان به نظرتون مشکل چیه؟
با DOCTYPE هم مشکل حل نشد،اصلا نمیدونم ربطش به این چیه؟!
آدرس: اینجا
 
Goback

Goback

Member
Milad گفت:
ie تا 8 از fixed پشتیبانی نمیکنه ، 9 رو نمیدم . باید از js استفاده کنی .
کلیک کنید تا باز شود...

جاوا اسکریپت سرجای خودش،تو سایت زیر در مورد همین پروپرتی fixed نوشته:
Note: Internet Explorer supports the fixed value only if a !DOCTYPE is specified.
IE فقط زمانی fixed رو پشتیبانی میکنه که یه DOCTYPE مشخص شده باشه.
http://www.w3schools.com/css/css_positioning.asp
 
echessdesign

echessdesign

مدیر انجمن طراحی وب
درود بر شما
من که اعلان doctype رو تو صفحه شما ندیدم!
این آموزش رو دیدید؟
اینو تست کردید؟
کد: 
<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 5</title>
<style type="text/css">
#fixed {
	position: fixed;
	right: 0;
	bottom: 0;
}
* html #fixed { 
	position: absolute;
}

</style>
</head>

<body>
	<div id="fixed">
		<img src="101108221922_painkillers_226x170_nocredit.jpg">
	</div>
	<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
</body>

</html>
 
Goback

Goback

Member
echessdesign گفت:
درود بر شما
من که اعلان doctype رو تو صفحه شما ندیدم!
این آموزش رو دیدید؟
اینو تست کردید؟
کد: 
<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 5</title>
<style type="text/css">
#fixed {
    position: fixed;
    right: 0;
    bottom: 0;
}
* html #fixed { 
    position: absolute;
}

</style>
</head>

<body>
    <div id="fixed">
        <img src="101108221922_painkillers_226x170_nocredit.jpg">
    </div>
    <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
</body>

</html>
کلیک کنید تا باز شود...
درودی از جنس تبریک نوروز بر شما،اما بعد.
آموزشتون جواب نداد ولی:

این اول کد صفحه ست:
کد: 
<div style="position:absolute;left:1;top:1;width:122;border:1px solid #C0C0C0;z-index:10;background-color:white"  id="634368214946" dir="ltr"><table style="font-family: Tahoma; font-size: 8pt;border-bottom:1px solid #C0C0C0;width:100%"><tr><td width=20></td><td width=80 align=center ><a style="color: #000080; text-decoration: none" target="_blank" href="http://www.blogfa.com/Ads/">تبليغات</a></td><td width=20 align="right" style="color: #FF0000;font-weight: bold;cursor:hand;" onclick="document.getElementById ('634368214946').style.display='none'">X</a></td> </tr></table><a href="http://www.blogfa.com/ads/click.aspx?id=243570" target="_blank"> <img border="0" src="http://www.blogfa.com/ads/banner2/4300318809375.gif" width="120" height="240"></a></div>
<script language ="javascript" >window.setTimeout( "document.getElementById ('634368214946').style.display='none'" ,90000);</script>
<script language="javascript">
BlogComments=[27,6,26,6,25,9,24,5,23,12,22,8,21,12,20,5,19,3,18,1,15,0,14,0,13,1,12,0,11,1,10,2,9,0,8,0,7,0,6,0,5,0,4,0,3,0,2,1,1,1];
</script>
<!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">
پس ملاحظه میفرمایید که داک تایپ اعلان شده،ولی به لطف شما الآن که سورس رو از بروزر نگاه کردم به کد بالا که گذاشتم، برخوردم،یعنی اینکه بلاگفا خودش تبلیغات رو اول از هرچی میذاره حتی اعلان داک تایپ،ولی توی لوکال تست کردم جواب داد،یعنی داک تایپ رو اضافه کردم و توی IE جواب داد،پس مشکل اون کد تبلیغه که اول از هر چی میاد،حالا باید چیکار کنیم؟؟؟راه حل عملی این مورد به نظرتون چیه؟
---------
این رو هم توضیح میدید؟
این :
کد: 
<![CDATA[ 
/* ]]> */
و
این:

کد: 
 _position:absolute;
و
کد: 
voice-family: "\"}\""
:rose:
 
آخرین ویرایش:
Milad

Milad

Well-Known Member
Note: Internet Explorer supports the fixed value only if a !DOCTYPE is specified
کلیک کنید تا باز شود...

چه جالب ، همین چند هفته پیش یه دور بخش سی اس اس w3schools رو خوندم ! چطور ندیدم :shock:

همینطور که متوجه شدی قبل از doc type نباید چیزی باشه ، تا جایی که اطلاع دارم هیچ کاری هم نمیشه کرد .
 
آخرین ویرایش:
Goback

Goback

Member
Milad گفت:
چه جالب ، همین چند هفته پیش یه دور بخش سی اس اس w3schools رو خوندم ! چطور ندیدم :shock:

همینطور که متوجه شدی قبل از doc type نباید چیزی باشه ، تا جایی که اطلاع دارم هیچ کاری هم نمیشه کرد .
کلیک کنید تا باز شود...
فرق آدم بادقت با آدم بی دقت همینه دیگه :)
حتما راهی هست،مثلا المنت تبلیغاتی div رو با جاوااسکریپت ار بین برد یا این خاصیت رو شبیه سازی کرد برای IEی فهمیده!!
فعلا که کسی راهکار عملی نداده.:-?
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا