وسط نبودن صفحه سایت

[bahman22]

باسلام
قالب سایت من یه مشکل داره که نمیدونم چشه که توی مرورگرفایر فاکس بدون مشکل هست ولی بامرورگر اینترنت اکسپلورر مشکل داره که صفحه وسط نیست ونصف صفحه نمایش داده میشه که بایدپایین اسکرول رو بکشی تا وسط بیاد لطفا بگید بااید چیکار کنم که درست بشه ممنون

[iranian-portal]

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


margin : 0 50% 10px 50%;

یا


margin : 0 auto 10px auto;


متاستفانه این کدها توی مرورگر اینترنت اکسپلورر یا جواب نمیده یا قالب رو برهم میریزه!!!
من اومدم توی قالب دستی از دو حالت دیگه استفاده کردم:


<center>
<div id="content">
</center>

و


<div align="center">
</div>

اما متاستفانه این نوع کدها علاوه بر این که جای ابزارک ها و فوتر رو برهم میریزه نوشته های مطلب رو هم وسط چین می کنه
دوستان استایل کار به جز این موارد کدی هست که بشه از داخل فایل استایل قالب رو در همه مرورگرها بدون مشکل وسط چین کرد؟

[iranian-portal]

کد نویس های css حضورتون رو نمی بینم :دی

[saman19-6]

معمولا فایل اصلی بفرض template.css رو برای فایرفاکس و کروم در نظر میگیرند یک فایل هم برا اینترنت اکسپلور ie.css منظور میگردد که فقط تغیرات مربوط به ie توش ثبت میشود .تو کد قالب هم شرط میزارن که اگر مرورگر ie بود این فایل رو هم اعمال کنه. این روش اصولیش هست

[iranian-portal]

معمولا فایل اصلی بفرض template.css رو برای فایرفاکس و کروم در نظر میگیرند یک فایل هم برا اینترنت اکسپلور ie.css منظور میگردد که فقط تغیرات مربوط به ie توش ثبت میشود .تو کد قالب هم شرط میزارن که اگر مرورگر ie بود این فایل رو هم اعمال کنه. این روش اصولیش هست

تشکر از پاسخ شما اما با این پاسخ بنده مجدد باید کد if ie رو سرچ و پیدا کنم
شما که راهنمایی جامعی کردید اگر کد شرط رو هم درج می کردید عالی بود

[AriyaDownload]

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


margin : 0 50% 10px 50%;

یا


margin : 0 auto 10px auto;


متاستفانه این کدها توی مرورگر اینترنت اکسپلورر یا جواب نمیده یا قالب رو برهم میریزه!!!
من اومدم توی قالب دستی از دو حالت دیگه استفاده کردم:


<center>
<div id="content">
</center>

و


<div align="center">
</div>

اما متاستفانه این نوع کدها علاوه بر این که جای ابزارک ها و فوتر رو برهم میریزه نوشته های مطلب رو هم وسط چین می کنه
دوستان استایل کار به جز این موارد کدی هست که بشه از داخل فایل استایل قالب رو در همه مرورگرها بدون مشکل وسط چین کرد؟


علت مشکل شما به خاطر این هست که وقتی از margin : auto استفاده می کنید باید حتما به اون width بدید تا درست کار کنه
اگه مرورگری (مثلا کروم) درست اجرا می کنه دلیل بر این نیست که کد درسته، مرورگرهای پیشرفته معمولا خطاهای کدنویسی رو تا حدودی چشم پوشی می کنن و یک جوری منظور کدنویس رو متوجه می شن :d
با این حال ie فقط در ccs3 مشکل داره و اونو نمی تونی ساپورت کنه ولی برای اینجور چیزها اصلا مشکلی نداره و اگه مشکلی هم وجود داره مطمئن باشید از کدها هست.

[iranian-portal]

علت مشکل شما به خاطر این هست که وقتی از margin : auto استفاده می کنید باید حتما به اون width بدید تا درست کار کنه
اگه مرورگری (مثلا کروم) درست اجرا می کنه دلیل بر این نیست که کد درسته، مرورگرهای پیشرفته معمولا خطاهای کدنویسی رو تا حدودی چشم پوشی می کنن و یک جوری منظور کدنویس رو متوجه می شن :d
با این حال ie فقط در ccs3 مشکل داره و اونو نمی تونی ساپورت کنه ولی برای اینجور چیزها اصلا مشکلی نداره و اگه مشکلی هم وجود داره مطمئن باشید از کدها هست.

تا جایی که تحقیق کردم به طور کلی مرورگر اینترنت اکسپلورر با این کد auto مشکل داره
که البته اکثریت می گفتند در ie 9 مشکل حل شده
اما بازهم برای من با وجود تعریف width این مشکل وجود داشت
زمانی که از auto استفاده میشد کلا قالب راست چین میشد (با توجه به دایرکشن rtl ) و زمانی هم که از 50% استفاده میشه نوار لغزان width صفحه رو تا 100 درصد افزایش میده جهت این هم که مطمئن بشید کد مشکل خاصی نداشته:


#content {
height : auto;
width : 970px;
overflow : hidden !important ;
margin : 0 auto 10px auto;
}

[iranian-portal]

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



<!--[if IE]>
<center>
<div id="content">
</center>
<![endif]-->


که بعد از این کد کد پیش فرض و یا کدی که برای استفاده عمومی سایر مرورگرهاست درج شد کردم:



<div id="content">


امیدوارم با رفع مشکل بنده و مباحث مطرح شده مشکل دوست عزیزمون هم حل شده باشه

[AriyaDownload]

تا جایی که تحقیق کردم به طور کلی مرورگر اینترنت اکسپلورر با این کد auto مشکل داره
که البته اکثریت می گفتند در ie 9 مشکل حل شده
اما بازهم برای من با وجود تعریف width این مشکل وجود داشت
زمانی که از auto استفاده میشد کلا قالب راست چین میشد (با توجه به دایرکشن rtl ) و زمانی هم که از 50% استفاده میشه نوار لغزان width صفحه رو تا 100 درصد افزایش میده جهت این هم که مطمئن بشید کد مشکل خاصی نداشته:


#content {
height : auto;
width : 970px;
overflow : hidden !important ;
margin : 0 auto 10px auto;
}


اینترنت اسکپلورر مشکلی نداره، و margin رو دیگه به راحتی ساپورت می کنه :d (درسته ie گیج می زنه ولی دیگه نه اینقدر :D)
این کد رو تست کنید ببنید تو 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>

[AriyaDownload]

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



<!--[if IE]>
<center>
<div id="content">
</center>
<![endif]-->


که بعد از این کد کد پیش فرض و یا کدی که برای استفاده عمومی سایر مرورگرهاست درج شد کردم:



<div id="content">


امیدوارم با رفع مشکل بنده و مباحث مطرح شده مشکل دوست عزیزمون هم حل شده باشه

پیشنهاد می کنم از تگ center استفاده نکنید، این تگ منقرض شده
منبع : HTML center tag (http://www.w3schools.com/tags/tag_center.asp)

[AriyaDownload]

#content {
height : auto;
width : 970px;
overflow : hidden !important ;
margin : 0 auto 10px auto;
}


راستی این کد مشکلی نداره و به درستی کار می کنه
به width توجه کنید که 970 پیکسل وارد کردید و عرض استاندارد 980 پیکسل هست.
شاید به خاطر همین هست که می گید وسط نمی یاد. اختلاف 10 پیکسل هست.
اگر کدهای html , css رو کامل قرار بدید شاید بهتر بشه راهنمایی کرد.