Printable View
سلام
من یه صفحه php دارم که در اون یه سری div هست که با css وسط چین میشن و در تمام مرورگرها بجز ie درست نمایش داده میشن. اما در ie کل قالب به هم میریزه!
توضیح اینکه div ها رو با margin: 0 auto; وسط چین کردم و حتی در یه پیج خالی و ساده هم با ie مشکل داره و وسط نمیاد...
ممنون میشم دوستان کمک کنن...!
درود
کدتون را بزارید که بدونیم چی بگیم
دوست عزیز از این استایل رو هم بهش اضافه کنید ببینید نتیجه میگیرید یا نه.
padding:0;
موفق باشید.
مشکل حل شد
به این نتیجه رسیدم (مطمئن نیستم) که ie از ;margin: 0 auto پشتیبانی نمیکنه و برای وسط چین کردن divها از body{text-align:center} استفاده کردم که جواب داد.
ها چی با text-align درست شد.!!!!!!!!!!؟؟؟؟؟؟؟؟؟؟؟
خیر! IE هیچ مشکلی با margin نداره 100٪ کد شما مشکل دارهنقل قول:
نوشته شده توسط YOUCOMCO
درست میفرمایید. ie مشکلی با margin نداره، وقتی با فرمت html ذخیره کردم ok بود اما وقتی php شد همه رو چپ چین میکرد. شایدم مشکل از wamp باشه...نقل قول:
نوشته شده توسط colors
نه مشکل از ومپه نه کد دوستمون. ie با margin: 0 auto کار نمیکنه. راه حل همون body { text-align: center; } هست. یه سرچ تو گوگل بزنین همین رو نشون میده.
خیر!! هیچ مشکلی نداره و به درستی هم کار میکنه ( حداقل 4 ساله دارام باهاش کار میکنم ) . البته اینو بگم که خاصیت margin زمانی cross میشه که مقدار خاصیت position برابر با relative باشهنقل قول:
نوشته شده توسط sd.CSharpProgrammer
کد زیر رو تست کنید...
در ضمن text-align کاملا اسمش نمایانگر حوزه فعالیتشه. یعنی اینکه فقط روی متن کار میکنه و استفاده از اون برای قالبندی و ... غیر استانداردهکد HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Centered div</title>
<style type="text/css">
div { position: relative; width: 200px; height: 200px; background: red; margin: 0 auto }
</style>
</head>
<body>
<div>Cetered Div</div>
</body>
</html>
نقل قول:
نوشته شده توسط sd.CSharpProgrammer
عرض کردم که وقتی html سیو میکنم مشکلی نداره ولی با فرمت php درست کار نمیکنه.نقل قول:
نوشته شده توسط colors
text-align: center هم مشکلات خاص خودشو داره، مثلا تمامی المنت هایی که قبلا استایل شدن به یکباره وسطچین میشن که باید روشون کار کرد دوباره!!!
با سلام
راه حل برای کارکردن آن در مرورگر IE علاوه بر کد css بالا باید از تگ <center> استفاده کنید.
موفق باشید.
دوست عزیز برای اینکه IE به درستی کار کنه، باید doctype رو اول صفحه بگذارین. این مسئله رو رعایت کردین؟
با سلامنقل قول:
دوست عزیز برای اینکه IE به درستی کار کنه، باید doctype رو اول صفحه بگذارین. این مسئله رو رعایت کردین؟
به سوال خارج از این بحث ، آیا اصلا IE ارزش این رو داره ، که بیایم براش کدهای اضافی تعریف کنیم، البته منظورم doctype نبود ، منظورم کلی بود(مثل کدهایی که باید در js , css ) برای کارکردن در IE باید استفاده کنیم.
هر کاربری با آی ای وارد سایت شد، بهش پیام بده ، مرورگرت رو عوض کن.
در کل IE ارزشش رو نداره ولی مشتریانی که با IE کار میکنن ارزشش رو دارن. بهرحال مشتری هستن و سایت نمیتونه اونها رو مجبور یا محدود بکنه. درهرحال، doctype کد اضافه ای نیست و اصول استانداردنویسی داره میگه باید بگذاریمش. اگه استاندارد بنویسیم، در اکثر موارد IE هم سازگاری لازم رو خواهد داشت.
تو فایل header.php که در ابتدای ایندکس require میشه doctype هست اما تاثیری نداشته ظاهرا!نقل قول:
نوشته شده توسط MMSHFE
ie مرورگر بسیار مزخرفیه اما وقتی بصورت دیفالت با ویندوز نصب میشه ینی درصد بالایی از کاربرا ازش استفاده میکنن (تو ایران که خیلی بالاتر) پس مجبوریم تحملش کنیم. من حتی برای گوشه های گرد divها از جاوااسکریپت استفاده میکنم که تو ie جواب بده!! :دینقل قول:
نوشته شده توسط armsoftpc
پیشنهاد میکنم از CSS3PIE استفاده کنید.