چرا این کد توی موزیلا با آی ای فرق می کنه؟

[kavoshgar63]

سلام
سال نو بر شما مبارک باد.
این تکه کد رو بخونین.

کد پی‌اچ‌پی:

#page1 .col_box_1 {width:216px; margin:18px 10px 10px 5px;}
#page1 .col_box_2 {width:217px;} 


این کد توی اینترنت اکسپلورر مشکل نداره ولی توی فایر فاکس تنظیم صفحه به هم میریزه.
چه کدی بنویسم که توی هر دو اجرا بشه؟

[molana]

کد html هم بدین لطفاً تا یه نگاهی بندازم بهش
ممنون

[kavoshgar63]

این آدرس سایته
برین از اونجا کد رو کامل بردارین.http://www.iranpajoohesh.com

[molana]

شما سه تا باکس خبر دارین که کلاس دوتاش col_box_1 هستش و کلاس یکی ش col_box_2

شما بهتره کلاس هرسه رو بکنید col_box_1 و بعد نتیجه رو مشاهده کنید.

من این کارو کردم درست شد
اینم اسکرین شات:
http://i39.tinypic.com/jq3rlh.jpg

margin ها رو مثل شکل وارد کن و نتیجه رو ببین

[kavoshgar63]

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

[molana]

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

به هر حال اگه مشکلی هست بگین تا اگه کمکی بر میاد انجام بدم

[kavoshgar63]

نه من توی یک ستون نمایش دادم دیدم بد نشد بازم دستتون درد نکنه.
ولی دوست داشتم بفهمم که چرا این کد توی آی ای درسته و توی موزیلا به هم ریخته .

[Y.P.Y]

سلام،

ولی دوست داشتم بفهمم که چرا این کد توی آی ای درسته و توی موزیلا به هم ریخته .

خوب Parser هر کدوم فرق میکنن دیگه... یک همچین مواقعی باید از دستورات شرطی استفاده کنید.
if IE...

[kavoshgar63]

بسیار عالی بود جحداقل وابتون.
ولی فکر نمی کنید خیلی خیلی خیلی خلاصه بود؟
حداقل یک تکه کدش رو می نویشتین.

[Y.P.Y]

پوزش...

کد:

<!--[if IE]>
...
<![endif]-->
...
<!--[if gte IE 7]>
...
<!--[if lte IE 6]>
...

من همیشه موقع طراحی وب Static همه مرورگر ها رو باز میکنم و روی همشون تست میکنم.
برای جبران تفاوت ها، در گوگل بدنبال IE hacks, CSS hacks, HTML hacks بگردید و کدها رو در بین شروط قرار بدید.
موفق باشید.