عکس "کاربران ویژه" همین سایت چطور ثابت مونده ؟

Mds

Active Member
سلام :)

بچه ها این عکس کاربران ویژه سایت مجید Online چه کد CSS ی داره که هم تو IE6 هم تو FF2 گوشه سمت راست تصویر ثابت هست .

vip_ad.png


اگر می دونید راهنمایی کنید . ممنون
 

Ali_ix

Well-Known Member
اصولا position: fixed در css همچین کاری انجام میده. با جاوا اسکریپت هم قابل اجراست.
 

Mds

Active Member
اصولا position: fixed در css همچین کاری انجام میده. با جاوا اسکریپت هم قابل اجراست.
اما position: fixed تو IE6 درست کار نمی کنه !!!
اگر بخواهیم با CSS چنین چیزی رو در بیاریم ، چه کدی نیاز است ؟
 

alionline1366

Active Member
این صفحه رو یک نگاه بکن دوست من 100% مشکلت حل میشه
http://web.tampabay.rr.com/bmerkey/examples/fake-position-fixed.html

اینم خود توضیحاتش

کد:
Fixed Positioning in IE6 without Script

1-First, put IE6 into "standards mode" by using a strict DOCTYPE. Note that IE6's standards mode is known for its extremely odd quirks. We are taking advantage of one now.

2-Use IE conditional comments to style the HTML and BODY tags like so: 
 html, body {
	height: 100%;	overflow: auto; 
	}
3-Style anything you want to stay fixed as position:absolute
 

alionline1366

Active Member
خود مجید آنلاین هم از این کد استفاده کرده

کد:
<script type="text/javascript">
//Detect IE5.5+
version=0
if (navigator.appVersion.indexOf("MSIE")!=-1){
temp=navigator.appVersion.split("MSIE")
version=parseFloat(temp[1])
}

if (version>=5.5) {
document.write('<div id="fixeddiv" style="');
document.write('    position:absolute;');
document.write('    width:100px;height:100px;right:0px;bottom:0px;');
document.write('    padding:0px;cursor:pointer;');
document.write('	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'majidonline/vip_ad.png\', sizingMethod=\'scale\');"');
document.write('onclick="window.open(\'http://forum.majidonline.com/showthread.php?goto=newpost&t=90115\',\'MajidOnlineVIP\',\'width=400,height=200,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes,resizable=yes\')">');
document.write('</div>');
}else{
document.write('<div id="fixeddiv" style="');
document.write('    position:absolute;');
document.write('    width:100px;height:100px;right:0px;bottom:0px;');
document.write('    padding:0px;">');
document.write('<img src="majidonline/vip_ad.png" width="100" height="100" border="0" usemap="#Map">');
document.write('</div>');
}
</script>
 
  • Like
Reactions: Mds

Mds

Active Member
واقعا بچه ها ممنون ، لینک های خیلی خوبی بود . مشگلم حل شد .
 

amiralib

New Member
سلام
دوستان منم با IE6 مشکل دارم از اون متنی که گذاشتن هم زیاد سردرنیاورد میشه یکم بیشتر کمک کنید ؟
شرمنده دیگه ناشی هستمalionline1366
 

amiralib

New Member
ببینید اون کد جاوا که همین سایت ازش استفاده میکنه رو من نمیدونم چطور باید قرار بدم
یعنی تو فروم تو بادی میزارم ولی کلا صفحه بالا نمیاد
چطوری اون کد جاوا رو تو انجمن قرار بدم ؟

متشکرم
 

echessdesign

مدیر انجمن طراحی وب
amiralib جان
در ابتدا ورود شما رو به انجمن خوش آمد می گم.
در تگ head قرار دهید،...
 

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

بالا