CSS در اینترنت اکسپلورر و فایرفاکس

من یه CSS درست کردم وقتی که توی اینترنت اکسپلورر میبینم مشکل داره اما توی فایرفاکس هیچ مشکلی نداره. اگر میشه ایراد کارم رو بگید:

اینترنت اکسپلورر:

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

فایرفاکس:

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

کد CSS مربوطه:

کد:

---

a.at_title:link, a.at_title:visited {
/* Kolieye moshakhasate marboot be titr */
        font-size                : 10px;
        font-weight        : bold;
        font                        : Tahoma;
        color                        : black;
        padding-top                : 0px;
        background                : url(../../templates/yekshahr/images/bullet.gif) no-repeat right;
        padding-right        : 20px;
}

---

وقتی padding-right رو زیاد میکنی مشکل تو IE حل میشه؟
از اونجایی که IE یه منبع مشکل هست باید یه هک CSS براش بزاری

تو قالب تعریف کنی که اگر مرورگر IE بود فلان CSS رو لود کنه.

نه. فقط بالت کنار تیتر رو جا به جا میکنه!! :o

لینک سایتتون رو بدید لطفا تا بررسی کنم.

کد:

---

.contentheading {
        font-size: 14px;
        padding-bottom: 10px;
        border-bottom: 1px solid #D0D9DF;
        text-transform: capitalize;
                background: url(../images/bullet.gif) no-repeat right;
                padding-right:5px;
                color:6484bc;

}

---

آین رو جایگزین کن ببین درست میشه

بابا به خدا تو همون ایمیل که توضیح داده بودم یه بار! :( این مشکل اصلا ربطی به قالب سایت نداره و مربوط به CSS همون ماژولی هست که بهم دادی. آخه این کد که مال قالب هست. :o

1- شما توی همون کدی که گذاشتید عبارت padding-right رو با text-indent عوض کنید ببینید مشکل حل میشه یا نه
2- لینک سایتتون رو بدید

این هم نتیجه اش:

اینترنت اکسپلورر:

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

فایرفاکس:

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

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

واقعا مشکل به این مسخرگی ندیدم! اصلا نمیفهمم چشه!

خب
حالا به اینصورتش کنید:

کد:

---

a.at_title:link, a.at_title:visited {
/* Kolieye moshakhasate marboot be titr */
        font-size                : 10px;
        font-weight        : bold;
        font                        : Tahoma;
        color                        : black;
        padding-top                : 0px;
        background                : url(../../templates/yekshahr/images/bullet.gif) no-repeat;
background-position: right;
text-indent: 20px;
        padding-right        : 20px;
}

---

ببینید چطور میشه

فایرفاکس درست شد ولی اینترنت اکسپلورر همونطوری موند. یعنی اینطوری:


[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]