سلام
دارم یه قالب برای بلاگفا طراحی میکنم که توی فایرفاکس درست نشون میده ولی توی IE و حتا کروم فرق داره! الان باید چیکار کنم؟
چرا قالبای مثلا بلاگ اسکین این مشکلو ندارن!؟
Printable View
سلام
دارم یه قالب برای بلاگفا طراحی میکنم که توی فایرفاکس درست نشون میده ولی توی IE و حتا کروم فرق داره! الان باید چیکار کنم؟
چرا قالبای مثلا بلاگ اسکین این مشکلو ندارن!؟
این مشکل بیشتر به ویژگی های float و margin و padding مربوط میشه.
موقع طراحی سعی کنید قالب رو بعد از هر مرحله با چندتا مرورگر چک کنید. اینجوری فوری منوجه میشید مشکل از کجاست.
اینا همش درسته! مثلا من گوشه ها رو گرد کردم ولی نشون نمیده غیر فایر فاکس...
سلام.
با چی گرد کردید؟ با عکس یا CSS؟
border-radius یک پروپرتی CSS3 هست که در مرورگر های جدید پشتیبانی میشه. فایرفاکس هم در نسخه های قدیمی این پروپرتی رو پشتیبانی میکرده البته با پیشوند -moz-. به عبارتی شما باید اینطوری گرد کنید:
البته خط آخر تقریباً اختیاری هست.کد:border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
اطلاعات کامل (با مثال و ...):
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
موفق باشید ./.
من با CSS گرد کردم! اینایی که گفتین درست، ولی مشکل من توی IE هس!
دوست عزیز اگر اگز از اینترنت اکسپلورر 8 به پایین استفاده میکنید گرد گردن گوشه ها در این مرورگر ها ساپورت نمیشهنقل قول:
خدا لعنت کنه این اینترنت اکسپورر رو که هر چی می کشیم از نسخه های قدیمی و جدیدشه
نقل قول:البته با behavior میشه IE رو یک کاریش کرد.. (تا اونجایی که میدونم IE9 و 10 پروپرتی border-radius رو پشتیبانی میکنند. اون هم به این خاطر که CSS3 هست)نقل قول:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
(خدا به اون کاربرانی که هنوز از IE 8 و پایین تر استفاده میکنند آگاهی + یک اینترنت پرسرعت یا یک پک نرم افزاری بده که مرورگرشون رو آپگرید کنند!! آمین..)
موافقم! هیچ وقت نباید بذاریم کاربران قدیمی مانع استفاده کردن ما از تکنولوژی های جدید طراحی وب بشن! :)
راه هایی وجود داره که میشه سایت های طراحی شده رو هم برای کاربرانی که از مرورگرهای جدید استفاده میکنند و هم کاربرانی که مرورگرهای قدیمی دارن تطبیق البته این کار مستلزم صرف زمان و زحمت بیشتری هست مثلا ساخت استیال جدا برای اینترنت اکسپلورر و یا استفاده از -- ها و کد های خاص