نمایش نسخه قابل چاپ
باسلام
قالب سایت من یه مشکل داره که نمیدونم چشه که توی مرورگرفایر فاکس بدون مشکل هست ولی بامرورگر اینترنت اکسپلورر مشکل داره که صفحه وسط نیست ونصف صفحه نمایش داده میشه که بایدپایین اسکرول رو بکشی تا وسط بیاد لطفا بگید بااید چیکار کنم که درست بشه ممنون
من هم با قالب جدیدی که دارم طراحی می کنم به این مشکل برخورد کردم
علت این امر این هست که برای وسط چین کردن قالب در css از کد margin به صورت های زیر استفاده میشه
یاکد:margin : 0 50% 10px 50%;
متاستفانه این کدها توی مرورگر اینترنت اکسپلورر یا جواب نمیده یا قالب رو برهم میریزه!!!کد:margin : 0 auto 10px auto;
من اومدم توی قالب دستی از دو حالت دیگه استفاده کردم:
وکد:<center>
<div id="content">
</center>
اما متاستفانه این نوع کدها علاوه بر این که جای ابزارک ها و فوتر رو برهم میریزه نوشته های مطلب رو هم وسط چین می کنهکد:<div align="center">
</div>
دوستان استایل کار به جز این موارد کدی هست که بشه از داخل فایل استایل قالب رو در همه مرورگرها بدون مشکل وسط چین کرد؟
کد نویس های css حضورتون رو نمی بینم :دی
معمولا فایل اصلی بفرض template.css رو برای فایرفاکس و کروم در نظر میگیرند یک فایل هم برا اینترنت اکسپلور ie.css منظور میگردد که فقط تغیرات مربوط به ie توش ثبت میشود .تو کد قالب هم شرط میزارن که اگر مرورگر ie بود این فایل رو هم اعمال کنه. این روش اصولیش هست
تشکر از پاسخ شما اما با این پاسخ بنده مجدد باید کد if ie رو سرچ و پیدا کنمنقل قول:
نوشته اصلی توسط saman19-6
شما که راهنمایی جامعی کردید اگر کد شرط رو هم درج می کردید عالی بود
نقل قول:
نوشته اصلی توسط iranian-portal
علت مشکل شما به خاطر این هست که وقتی از margin : auto استفاده می کنید باید حتما به اون width بدید تا درست کار کنه
اگه مرورگری (مثلا کروم) درست اجرا می کنه دلیل بر این نیست که کد درسته، مرورگرهای پیشرفته معمولا خطاهای کدنویسی رو تا حدودی چشم پوشی می کنن و یک جوری منظور کدنویس رو متوجه می شن :d
با این حال ie فقط در ccs3 مشکل داره و اونو نمی تونی ساپورت کنه ولی برای اینجور چیزها اصلا مشکلی نداره و اگه مشکلی هم وجود داره مطمئن باشید از کدها هست.
تا جایی که تحقیق کردم به طور کلی مرورگر اینترنت اکسپلورر با این کد auto مشکل دارهنقل قول:
نوشته اصلی توسط AriyaDownload
که البته اکثریت می گفتند در ie 9 مشکل حل شده
اما بازهم برای من با وجود تعریف width این مشکل وجود داشت
زمانی که از auto استفاده میشد کلا قالب راست چین میشد (با توجه به دایرکشن rtl ) و زمانی هم که از 50% استفاده میشه نوار لغزان width صفحه رو تا 100 درصد افزایش میده جهت این هم که مطمئن بشید کد مشکل خاصی نداشته:
کد:#content {
height : auto;
width : 970px;
overflow : hidden !important ;
margin : 0 auto 10px auto;
}
پ.ن:مشکل حل شد و راه حل تعریف شرط برای مرورگر اینترنت اکسپلورر به صورت زیر بود:
که بعد از این کد کد پیش فرض و یا کدی که برای استفاده عمومی سایر مرورگرهاست درج شد کردم:کد:<!--[if IE]>
<center>
<div id="content">
</center>
<![endif]-->
امیدوارم با رفع مشکل بنده و مباحث مطرح شده مشکل دوست عزیزمون هم حل شده باشهکد:<div id="content">
اینترنت اسکپلورر مشکلی نداره، و margin رو دیگه به راحتی ساپورت می کنه :d (درسته ie گیج می زنه ولی دیگه نه اینقدر :D)نقل قول:
نوشته اصلی توسط iranian-portal
این کد رو تست کنید ببنید تو ie درست کار می کنه :
کد:<!DOCTYPE HTML>
<html>
<head>
<title>تست margin auto</title>
<meta charset="UTF-8" />
<style type="text/css">
body{
direction: rtl;
background:#fff;
}
div.margin{
width: 500px;
height: 300px;
background: darkred;
border:1px solid #000;
margin: 50px auto;
}
</style>
</head>
<body>
<div class="margin">
</div><!--///end margin///-->
</body>
</html>
پیشنهاد می کنم از تگ center استفاده نکنید، این تگ منقرض شدهنقل قول:
نوشته اصلی توسط iranian-portal
منبع : HTML center tag
راستی این کد مشکلی نداره و به درستی کار می کنهنقل قول:
نوشته اصلی توسط iranian-portal
به width توجه کنید که 970 پیکسل وارد کردید و عرض استاندارد 980 پیکسل هست.
شاید به خاطر همین هست که می گید وسط نمی یاد. اختلاف 10 پیکسل هست.
اگر کدهای html , css رو کامل قرار بدید شاید بهتر بشه راهنمایی کرد.