سلام
من یه صفحه php دارم که در اون یه سری div هست که با css وسط چین میشن و در تمام مرورگرها بجز ie درست نمایش داده میشن. اما در ie کل قالب به هم میریزه!
توضیح اینکه div ها رو با margin: 0 auto; وسط چین کردم و حتی در یه پیج خالی و ساده هم با ie مشکل داره و وسط نمیاد...
ممنون میشم دوستان کمک کنن...!
آخرین ویرایش به وسیله YOUCOMCO : جمعه 26 خرداد 1391 در 21:01 عصر
درود
کدتون را بزارید که بدونیم چی بگیم
دوست عزیز از این استایل رو هم بهش اضافه کنید ببینید نتیجه میگیرید یا نه.
padding:0;
موفق باشید.
مشکل حل شد
به این نتیجه رسیدم (مطمئن نیستم) که ie از ;margin: 0 auto پشتیبانی نمیکنه و برای وسط چین کردن divها از body{text-align:center} استفاده کردم که جواب داد.
ها چی با text-align درست شد.!!!!!!!!!!؟؟؟؟؟؟؟؟؟؟؟
خیر! IE هیچ مشکلی با margin نداره 100٪ کد شما مشکل دارهنوشته شده توسط YOUCOMCO
درست میفرمایید. ie مشکلی با margin نداره، وقتی با فرمت html ذخیره کردم ok بود اما وقتی php شد همه رو چپ چین میکرد. شایدم مشکل از wamp باشه...
نه مشکل از ومپه نه کد دوستمون. ie با margin: 0 auto کار نمیکنه. راه حل همون body { text-align: center; } هست. یه سرچ تو گوگل بزنین همین رو نشون میده.
خیر!! هیچ مشکلی نداره و به درستی هم کار میکنه ( حداقل 4 ساله دارام باهاش کار میکنم ) . البته اینو بگم که خاصیت margin زمانی cross میشه که مقدار خاصیت position برابر با relative باشه
کد زیر رو تست کنید...
در ضمن 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>
آخرین ویرایش به وسیله colors : شنبه 27 خرداد 1391 در 16:19 عصر
عرض کردم که وقتی html سیو میکنم مشکلی نداره ولی با فرمت php درست کار نمیکنه.
text-align: center هم مشکلات خاص خودشو داره، مثلا تمامی المنت هایی که قبلا استایل شدن به یکباره وسطچین میشن که باید روشون کار کرد دوباره!!!
با سلام
راه حل برای کارکردن آن در مرورگر IE علاوه بر کد css بالا باید از تگ <center> استفاده کنید.
موفق باشید.
دوست عزیز برای اینکه IE به درستی کار کنه، باید doctype رو اول صفحه بگذارین. این مسئله رو رعایت کردین؟
با سلامدوست عزیز برای اینکه IE به درستی کار کنه، باید doctype رو اول صفحه بگذارین. این مسئله رو رعایت کردین؟
به سوال خارج از این بحث ، آیا اصلا IE ارزش این رو داره ، که بیایم براش کدهای اضافی تعریف کنیم، البته منظورم doctype نبود ، منظورم کلی بود(مثل کدهایی که باید در js , css ) برای کارکردن در IE باید استفاده کنیم.
هر کاربری با آی ای وارد سایت شد، بهش پیام بده ، مرورگرت رو عوض کن.
در کل IE ارزشش رو نداره ولی مشتریانی که با IE کار میکنن ارزشش رو دارن. بهرحال مشتری هستن و سایت نمیتونه اونها رو مجبور یا محدود بکنه. درهرحال، doctype کد اضافه ای نیست و اصول استانداردنویسی داره میگه باید بگذاریمش. اگه استاندارد بنویسیم، در اکثر موارد IE هم سازگاری لازم رو خواهد داشت.
تو فایل header.php که در ابتدای ایندکس require میشه doctype هست اما تاثیری نداشته ظاهرا!
ie مرورگر بسیار مزخرفیه اما وقتی بصورت دیفالت با ویندوز نصب میشه ینی درصد بالایی از کاربرا ازش استفاده میکنن (تو ایران که خیلی بالاتر) پس مجبوریم تحملش کنیم. من حتی برای گوشه های گرد divها از جاوااسکریپت استفاده میکنم که تو ie جواب بده!! :دی
پیشنهاد میکنم از CSS3PIE استفاده کنید.
قوانین ایجاد تاپیک در تالار
پاسخ با نقل قول