مشکل در نمایش ماژول در IE

[mr_aliagha]

با سلام.
من css ماژول لاگین رو از بقیه ماژول ها جدا کردم و توی اون یه سری تغییرات دادم، از جمله این تغییرات این بود که از اون جایی که جای در نظر گرفته شده برای ماژول کم بود با استفاده از مقدار منفی گذاشتن برا margin حل کردم ، تو فایرفاکس و اوپرا هیچ مشکلی نداشتن، اما تو IE ( طبق معمول !!! ) همه متنی رو که باید نشون بده ، نشون نمی ده و تیکیه ثبت نام که پایین اون قرار گرفته پنهان هست ، برا واضح تر شدن قضیه عکس های اون رو می ذارم:
ماژول در فایر فاکس:
<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>
ماژول در IE:
<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>
کد مربوطه در CSS :


table.moduletablelogin {
margin: -2px 0px -22px 0px;
width: 95%;
border-left: solid 0px #000000;
border-right: solid 0px #000000;
border-top: solid 0px #000000;
border-bottom: solid 0px #000000;
}


با قرار دادن padding هم تست کردم نشد...

[abtin]

خوب به جاي اينكه margin top رو منفي بديد margin bottom رو عدد مثبت بديد !

يا padding . بايد كار كنه شما اينجوري عمل كن

padding-bottom : 10px

[mr_aliagha]

نه بابا بی خیال ، margin top یه چیزه margin bottom یه چیز دیگه ، ربطی به هم نداره !
با padding همین کار رو هم کردم ، نشد.
جریان از این قرار هست که ، من اومدم برا این تیکه یه table گذاشتم ، و background اون table رو عکس پشت زمینه که می بینید ، قرار دادم ، اما مشکل این بود که از اون جایی که سایز این ماژول لاگین از سایز table یکم بیشتر بود ،باعث می شد که عکس بک گراند تکرار بشه . با قرار دادن مقدار منفی برای margin حلش کردم ، حالا هم فقط تو IE این ایراد رو داره که نمی دونم چجوری باید رفعش کنم!

[iransbs]

با سلام
علی جان، شما برای حل این گونه مشکل ها، می تونید از مقالات Hack CSS استفاده کنید، به صورتی که یک قسمت از کد در یک مرورگر فعالیت خود را انجام می دهید و در قسمت دیگر در مرورگر دیگر.
یک سری سایت هست، برای مثال
CssHack (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>) یا این مقاله (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)
و ....

موفق و پیروز باشید
یا علی

[mr_aliagha]

سلام ، آره می دونم ، اتفاقا می خواستم همین کار رو هم بکنم ، اما مشکل اینه که کدی رو برای IE پیدا نمی کنم که درست بشه نمایشش تو IE و گرنه دو مرورگره کردنش که معلوم بود .
با تشکر.

[iransbs]

با سلام
گافی وقت ها دستور height برای دادن ارتفاع می تونه خیلی مفید باشه، همین طور margin شما -22 هست، در بعضی از زمان ها امکان داره در مرورگر IE چنین مشکلاتی براش پیش میاد. اصولا پر مشکل ترین مرورگر IE هست :P


موفق و پیروز باشید
یا علی

[mr_aliagha]

آره دیگه ، قوربون ماکروسافت برم با این مرورگرش!!! ( به درد عمه بیل گیتس می خوره!! )
height رو هم قبلا تست کردم ، فرقی نکرد ، اگه بخوام منفی margin رو حذف کنم به نظر شما چجوری می شه این کار رو کرد؟!
با تشکر.

[iransbs]

با سلام.
خوب، شما به عنوان یک طراح باید تمام CSS رو در نظر بگیرید و با توجه به تمامی قسمت های درگیر تغییرات مورد نظر خودتون رو اعمال کنید ;)، گاهی وقت ها چندین قسمت CSS ایجاد کننده یک قسمت خواهند بود که مطما مطلع هستید.

پس، با توجه به مطالعه استاندارد های تمامی مرورگر ها، شروع به بازخوانی CSS کرده و مشکلات خودتون رو بر طرف کنید، می شه محبوب ترین و معتبرین ترین سایت رو w3schools معرفی کرد.


موفق و پیروز باشید
یا علی

[z-tazekar]

علی آق اگه تمام این مسائل به خاطر margin منفی است و اون عکس بک گراند, عکستو یه کوچولو تغییر بدی که راحت تره! بال و پرت به ie هم گیر نمی کنه.

[mr_aliagha]

مسئله اینه که فقط همین یه تیکه که نیست ، با بقیه قسمت های سایت ست شده ، بخوام اینو تغییر بدم باید کلشو تغییر بدم!!

[iransbs]

با سلام
قالب رو بصورت خصوصی ارسال کن، بررسی می کنم.



موفق و پیروز باشید
یا علی

[mr_aliagha]

راضی به زحمت شما نیستم ، خودم یه فکری می کنم براش ;)
مشکل حادی نیست این جوری الکی وقت شما رو هم می گیره ...