رفتن به مطلب

مشکل اینترنت اکسپلورر با فلوت


پست های پیشنهاد شده

باسلام

بعد از راستچین کردن کامل قالب متوجه شدم که قسمت منوی سایت در اینترنت اکسپلورر نمایش داده نمیشه و خیلی دور میره و این مشکل بعد از اضافه کردن فلوت ایجاد شد. حالا می خواستم که کد مخصوص برای اینترنت اکسپلورر بدم(padding) که بیاد سر جاش حالا چجوری میتونم برای اینترنت اکسپلورر جداگانه کد بدم؟

لینک به ارسال

سلام

برای این کار میتونی از این استفاده کنی :


<!--[if IE]>
آدرس استایل مربوط به اینترنت اکسپلورر

<![endif]-->

اگر مرورگر ie باشه این استایل لود میشه

لینک به ارسال

سلام

برای این کار میتونی از این استفاده کنی :


<!--[if IE]>
آدرس استایل مربوط به اینترنت اکسپلورر

<![endif]-->

اگر مرورگر ie باشه این استایل لود میشه

ممنون از شما

من سایت رو با همه ی مرور گر ها سازگار کردم الان فقطie 7 مونده من باید این کد رو در استایل ie7 بذارم اما هر جا میذارم درست جواب نمیده میشه بگید باید کجا بذارمش؟

کد:


ul.art-menu {
float: right;
}

استایل ie 7:

ul.art-menu {

float: left;

}

/* begin Box, Sheet */

.art-Sheet-tl

{

clip: rect(auto 33px 33px auto);

}

.art-Sheet-tr

{

clip: rect(auto auto 33px 33px);

}

.art-Sheet-bl

{

clip: rect(33px 33px auto auto);

}

.art-Sheet-br

{

clip: rect(33px auto auto 33px);

}

.art-Sheet-tc

{

clip: rect(auto auto 33px auto);

}

.art-Sheet-bc

{

clip: rect(33px auto auto auto);

}

.art-Sheet-cr

{

clip: rect(auto auto auto 33px);

}

.art-Sheet-cl

{

clip: rect(auto 33px auto auto);

}

.art-Sheet-body

{

zoom: 1;

}

/* end Box, Sheet */

/* begin Menu */

.art-nav .r

{

clip: rect(auto auto auto 1003px);

}

/* end Menu */

/* begin MenuItem */

.art-menu a .r

{

clip: rect(auto auto auto 413px);

}

/* end MenuItem */

/* begin Box, Block */

.art-Block-body

{

zoom: 1;

}

/* end Box, Block */

/* begin Box, BlockContent */

.art-BlockContent-tl

{

clip: rect(auto 1px 1px auto);

}

.art-BlockContent-tr

{

clip: rect(auto auto 1px 1px);

}

.art-BlockContent-bl

{

clip: rect(1px 1px auto auto);

}

.art-BlockContent-br

{

clip: rect(1px auto auto 1px);

}

.art-BlockContent-tc

{

clip: rect(auto auto 1px auto);

}

.art-BlockContent-bc

{

clip: rect(1px auto auto auto);

}

.art-BlockContent-cr

{

clip: rect(auto auto auto 1px);

}

.art-BlockContent-cl

{

clip: rect(auto 1px auto auto);

}

.art-BlockContent-body

{

zoom: 1;

}

/* end Box, BlockContent */

/* begin Box, Post */

.art-Post-tl

{

clip: rect(auto 7px 7px auto);

}

.art-Post-tr

{

clip: rect(auto auto 7px 7px);

}

.art-Post-bl

{

clip: rect(7px 7px auto auto);

}

.art-Post-br

{

clip: rect(7px auto auto 7px);

}

.art-Post-tc

{

clip: rect(auto auto 7px auto);

}

.art-Post-bc

{

clip: rect(7px auto auto auto);

}

.art-Post-cr

{

clip: rect(auto auto auto 7px);

}

.art-Post-cl

{

clip: rect(auto 7px auto auto);

}

.art-Post-body

{

zoom: 1;

}

/* end Box, Post */

/* begin PostContent */

.art-PostContent

{

height:1%;

}

/* end PostContent */

/* begin Button */

.art-button-wrapper .r

{

clip: rect(auto auto auto 408px);

}

/* end Button */

برای بقیه ورژن ها مشکل حل شده فقط این ورژن مونده بازم ممنون

ویرایش :

الان متوجه شدم که خود اون کد هست اما با تغییرش درست نمیشه ولی وقتی به استایل یک مرورگر دیگه ارجاع میدم درست میشه مشکلش کجاست؟

ویرایش شده توسط Morteza
از longbox استفاده کنید!
لینک به ارسال

مطالعه این مطلب رو پیشنهاد میکنم:

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...