سازگاری قالب با ie

uniqe1

تازه وارد
کسی می تونه قالب مارو با مرور گر IE سازگارش کنه هزینشم پپرداخت می کنم فقط با iE مشکل داره

 

homayon574

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

دقیقا با چه ورژنی از اینترنت ایکسپلورر سایتتون ناسازگاره ؟ ie6 , ie7 , ie8 , ie9 این ورژنا هر کدوم یه دنیا دارن تو کد نویسی بزکه مزخرف تر میشه هر ورژن پایین تر ایکسپلورر...

آدرس سایتتون همراه با توضیح قسمتایی که مشکل دارن بگید قطعا دوستان زیادی تو پرشین اسکریپت هستن که بتونن کمکتون کنن :53:

 

uniqe1

تازه وارد
2 و3 نفر بهم میسج دادن ولی یا نتونستن یا می گفتن هزینه بالایی می خواد بابا من فقط با یه نسخه از مرورگر ie اونم 9 می خوام سازگاری داشته باشه یکی پیدا نمیشه با یه قیمت منصفانه انجام بده :|:|

 

kasraa

کاربر عضو
دوست عزیز وقتی شما به توضیحاتی که بهتون داده میشه دقت نمیکنید دیگه هرچی بشه پایِ خودتونه !

شما حتی 1% هم به صحبت های همایون عزیز homayon574 توجه نکردید بعد اومدید میگید .... ؟ !

 

uniqe1

تازه وارد
اولا من گفتم ie 9 نسخشو گفتم اینم از 1 درصدی که میگید! بعدش باهوش نیستید خوب نمی خوام قالبو کسی ببینه حتما اگه هرکی می تونه انجام بده مسیج بده تا قالبو براش بفرستم

 

homayon574

کاربر عضو
2 و3 نفر بهم میسج دادن ولی یا نتونستن یا می گفتن هزینه بالایی می خواد بابا من فقط با یه نسخه از مرورگر ie اونم 9 می خوام سازگاری داشته باشه یکی پیدا نمیشه با یه قیمت منصفانه انجام بده :|:|
اول حوصله نگاه کردن به سورس سایتتونو نداشتم دوست خوبم ولی گفتی بهت گفتن هزینه بالایی میخواد کنجکاو شدم ببینم چیه مگه که بهت گفتن هزینه بالا میبره اینکه ادم حق الزحمه کارشو طلب کنه درسته ولی دیگه دروغ گوی برای پول بیشتر خیلی زور داره

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

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


کد:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
که البته پیشنهاد میکنم کد زیر رو جایگزین کد بالا کنید برای عملکرد بهتر :


کد:
<meta http-equiv="X-UA-Compatible" content="IE=7, IE=8, IE=9, IE=10" >
در ضمن کد زیر رو داخل تگ head بزارید چون فعلا کدش رو بالای داکیومنت تیپ گذاشتید:


کد:
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
کد هدر تغییر یافتتون رو براتون توی پیام خصوصی ارسال میکنم ;)

موفق باشید

 
آخرین ویرایش توسط مدیر:

ali320m

تازه وارد
سلام

من هم با ie مشکل دارم واقعا برای طراح ها کابوسی هست این مرورگر حداقل برای کسانی مثل من که حرفه ای نیستن.خیلی تلاش میکنم تا بتونم یگم طراح سایتم اما هرچی جلوتر میرم انگار خیلی مونده .خیلی دوست دارم قالب سایتهام رو خودم طراحی کنم .

قالبی ساختم یعنی حدودا 90% کار تمومه فقط مشکل سازگاری دارم.

اما مشکل من با ie در اشتباه تشخیص دادن چپ و راست برای border هست .میخوام بالا چپ و پایین چپ عنصری که عنوان منو هست(smtitle) رو گرد کنم اما ie بالا راست و و پاین راست رو گرد میکنه لازم به ذکر من خصوصیت border-radius رو بدون مشکل برای عناصر دیگه در ie استفاده کردم و مشکلی نداره.

مظور از ie نسخه 9 هست قبلیاش که داغون نشون میده سایتو علاقه ای م به سازگاری با نسخه های پاینتر ندارم جونم درومده دیگه آپدیت کنن کاربرا.کد های هم که همایون عزیز گفتن اضافه کردم.

(در عکس زیر خط عمودی مربوط به smtitle نیست)

You must be registered for see images attach




کد:
#smtitle{
    height:20px;
    text-align:center;
    background-color:#57991c;
    width:100px;
    padding:4px 1px 1px 1px;    
    color:  #EFEFEF;
    text-shadow:1px 1px 1px  #690;
    font-weight:bold;
    border-bottom-left-radius:8px;
    border-top-left-radius:8px;    
}




 
آخرین ویرایش توسط مدیر:

iyazdanicharati

تازه وارد
یه direction بزار ببین حل میشه؟؟

* البته مربوط به متن هست ولی یه تست کن،روی body هم بنداز

 

ali320m

تازه وارد
امتحان کردم نشد به موعلفه والد اضافه کردم هم به body نشد که نشد.

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

مشخصه والد:


کد:
#left{
    float:right;
    width:130px;
    margin-top:4px;
    overflow:hidden;
    }




 

iyazdanicharati

تازه وارد
کلا میتونی کدها استایل و html منو رو واسم بزاری؟

اگه لطف کنی بهتر میشه گفت چه خبره

 

ali320m

تازه وارد
بله بفرمایید

HTML


کد:
<aside id="left">

<div id="smtitle">منوی سمت چپ</div>

    <div id="smbody">
    <ul>
    <li><a href=b>مطلب شماره 1</a></li>
         <li><a href=b>مطلب شماره 1</a></li>
    <li><a href=b>مطلب شماره 1</a></li>
    </ul>
    </div>



</aside>
CSS


کد:
#left{    float:right;
    width:130px;
    margin-top:4px;
    overflow:hidden;

    }
#smtitle{
    height:20px;
    text-align:center;
    background-color:#57991c;
    width:100px;
    padding:4px 1px 1px 1px;    
    color:  #EFEFEF;
    text-shadow:1px 1px 1px  #690;
    font-weight:bold;
    border-bottom-left-radius:8px;
    border-top-left-radius:8px;    
}


#smbody{
    clear:both;
    text-align:right;
    font-size:12px;
    border-right:4px solid   #57991c;
    border-bottom-right-radius:5px;


    }


#smbody ul,li{

    padding:2px 0px 0px 0px;
    margin:0px;
    list-style-image:url(../image/arow8.jpg);

    list-style-position:  inside;





    }    
#smbody a:link,a:visited{
    -moz-transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-property: all;
    -o-transition-duration: 0.3s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-property: all;
    transition-duration: 0.3s;}


کد:
[B][/B][/B]

[B]#warper{[/B]
[B]	background-color:#FFF;[/B]
[B]	position:relative;[/B]
[B]	width:925px;[/B]
[B]	direction:rtl;[/B]
[B]	border:1px solid  #DADADA;[/B]
[B]	margin-left:auto;[/B]
[B]	margin-right:auto;[/B]
[B]	margin-top:8%;[/B]
[B]	text-align:right;[/B]
[B]    border-radius: 15px;[/B]
[B]	-moz-border-radius: 15px;[/B]
[B]	-webkit-border-radius: 15px;[/B]
[B]	box-shadow:2px 2px 6px 1px   #999;[/B]
[B]}[/B][B][B][/B]

 
آخرین ویرایش توسط مدیر:

ali320m

تازه وارد
سلام

مشکل مربوط به directionمی شد که با حذف آن از #warpper حل شد.

البته مجبور شدم این ویژگی را به عنصر مختلف دیگه اضاف کنم .برای نزدیک کردن smtitle که بعد از حذف rtl به وسط کشیده شده بود از float:right استفاده کردم

از کمکتون ممنون .واقعا مثل حل مسئله ریاضی لذت بخشه :)

 

iyazdanicharati

تازه وارد
خب تشکرت کو؟ :-"

راستش این اتفاق خیلی وقت پیش واسم توی یک بخش از تیبل ها

اتفاق افتاد که بعد با انداختن یه dir ردیف شد،شک اولم واسه توهم

همین بود که به لطف خدا ردیف شد...

موفق باشی

 

ali320m

تازه وارد
پست 10 تشکر کردم ولی بازم ممنون :67:

ولی فکر کنم تعریف استایل جدا برای IE لازم میباشد چون علامت لیست ها هم با rtl جهتش عوض شده.

تعریف استایل جدا کار اشتباهی هست؟

می تونم برای اوپرا هم استایل جدا تعریف کنم؟

 

iyazdanicharati

تازه وارد
اگه با PHP پروژه رو جمع کردی،یه browser detector بنویس

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

ولی خب سعی کن از reset یا normalizer ها استفاده کنی

یا اینکه فریم ورک های سی اس اس هم خوب جوابتو میدن،استفاده

کنی... - خلاصه کلام راه زیاده!!!

*بابت تشکر هم ممنون،مضاح کرده بودم :53:

 

ali320m

تازه وارد
از فریمورک استفاده نکردم اما از Reset استفاده کردم.

با if نمیشه؟

متاسفانه نوشتن

browser detector رو بلد نیستم اما اگه راهی جز اون نبود میگردم دنبالش .

مشکل اساسی الان با opera دارم


 

iyazdanicharati

تازه وارد
اگه میخوای زیاد با PHP درگیر نشی میتونی کد زیر رو توی جاوا

حرکت بزنی:


کد:
	function detectBrowser()
	{
		var useragent = navigator.userAgent.toLowerCase();
		var useragent_version = parseInt(navigator.appVersion);


		if(navigator.product == "Gecko" && navigator.vendor.indexOf("Apple Computer") != -1)
		{
			return "safari";
		}
		else if(useragent.indexOf("chrome") != -1)
		{
			return "chrome";
		}
		else if(navigator.product == "Gecko")
		{
			return "mozilla";
		}
		else if(useragent.indexOf("opera") != -1)
		{
			return "opera";
		}
		else if(useragent.indexOf("konqueror") != -1)
		{
			return "konqueror";
		}
		else if(useragent.indexOf("msie") != -1)
		{
			return "ie";
		}
		else if(useragent.indexOf("compatible") == -1 && useragent.indexOf("mozilla") != -1)
		{
			return "netscape";
		}
  }
این کد رو خود مای بی بی داره استفاده میکنه توی سیستمش

واسه PHP هم میتونی از این استفاده کنی:


کد:
	function get_browser($useragent)
	{
		//check for most popular browsers first
		//unfortunately that's ie. We also ignore opera and netscape 8 
		//because they sometimes send msie agent
		if(strpos($useragent,"MSIE") !== false && strpos($useragent,"Opera") === false && strpos($useragent,"Netscape") === false)
		{
			//deal with IE
			$found = preg_match("/MSIE ([0-9]{1}\.[0-9]{1,2})/",$useragent, $mathes);
			if($found)
			{
				return "Internet Explorer " . $mathes[1];
			}
		}
		elseif(strpos($useragent,"Gecko"))
		{
			//deal with Gecko based

			//if firefox
			$found = preg_match("/Firefox\/([0-9]{1}\.[0-9]{1}(\.[0-9])?)/",$useragent,$mathes);
			if($found)
			{
				return "Mozilla Firefox " . $mathes[1];
			}

			//if Netscape (based on gecko)
			$found = preg_match("/Netscape\/([0-9]{1}\.[0-9]{1}(\.[0-9])?)/",$useragent,$mathes);
			if($found)
			{
				return "Netscape " . $mathes[1];
			}

			//check chrome before safari because chrome agent contains both
			$found = preg_match("/Chrome\/([^\s]+)/",$useragent, $mathes);
			if($found)
			{
				return "Google Chrome " . $mathes[1];
			}

			//if Safari (based on gecko)
			$found = preg_match("/Safari\/([0-9]{2,3}(\.[0-9])?)/",$useragent, $mathes);
			if($found)
			{
				return "Safari " . $mathes[1];
			}

			//if Galeon (based on gecko)
			$found = preg_match("/Galeon\/([0-9]{1}\.[0-9]{1}(\.[0-9])?)/",$useragent,$mathes);
			if($found)
			{
				return "Galeon " . $mathes[1];
			}

			//if Konqueror (based on gecko)
			$found = preg_match("/Konqueror\/([0-9]{1}\.[0-9]{1}(\.[0-9])?)/",$useragent,$mathes);
			if($found)
			{
				return "Konqueror " . $mathes[1];
			}		


			//no specific Gecko found
			//return generic Gecko
			return "Gecko based";					
		}

		elseif(strpos($useragent,"Opera") !== false)
		{
			//deal with Opera
			$found = preg_match("/Opera[\/ ]([0-9]{1}\.[0-9]{1}([0-9])?)/",$useragent,$mathes);
			if($found)
			{
				return "Opera " . $mathes[1];
			}
		}
		elseif (strpos($useragent,"Lynx") !== false)
		{
			//deal with Lynx			
			$found = preg_match("/Lynx\/([0-9]{1}\.[0-9]{1}(\.[0-9])?)/",$useragent,$mathes);
			if($found)
			{
				return "Lynx " . $mathes[1];
			}

		}
		elseif (strpos($useragent,"Netscape") !== false)
		{
			//NN8 with IE string
			$found = preg_match("/Netscape\/([0-9]{1}\.[0-9]{1}(\.[0-9])?)/",$useragent,$mathes);
			if($found)
			{
				return "Netscape " . $mathes[1];
			}
		}
		else 
		{
			//unrecognized, this should be less than 1% of browsers (not counting bots like google etc)!
			return false;
		}
	}
اینم کدی هست که خیلی بهم کمک کرده امیدوارم توهم ردیف

شه باهاش کارات...

 

ali320m

تازه وارد
ممنون از کدها. تا اونجایی که فهمیدم یه تابع هست نام مرورگرو برمیگردونه

خوب حالا که فهمید چه مرور گری داره سایت رو باز میکنه چطور بگم چه css ی رو بخونه؟

این کدام پیدا کردم


کد:
[URL="http://api.jquery.com/jQuery.browser/"]jQuery.browser | jQuery API Documentation[/URL]
[URL="http://www.quirksmode.org/js/detect.html"]JavaScript - Browser detect[/URL]
 

HamedR

کاربر عضو
سلام

من معمولا واسه سازگار سازی مرورگر زبون نفهم ie با css3 از


کد:
http://css3pie.com/
استفاده میکنم.

در مورد اون کد که مرورگر رو بشناسه هم توی انجمن زیاد بحث شده . کدهاش هم موجود ، لطفا جستجو کنید.

موفق باشید :53:

 
بالا