یک مشکل با css

[pary_daryayi 181]

سلام دوستان .

یه اتفاق عجیب تو کدهام افتاده . با عکس بهتر معلوم میشه . در IE و کروم سایدباری که ایجاد کردم مشکل داره ولی در فایرفاکس درسته .

خیلی کدهامو بررسی کردم نمیدونم این فاصله به خاطر چیه ؟ بعضی سایدها بی فاصله هستند و بعضی بافاصله . نکته ای هست ؟

کد css :

.box-news-center{width:245px;min-height:150px; background-image:url(images/pic-side_02.png); padding-right:20px;padding-left:5px}
.box-news-bottom{width:270px;height:25px; background-image:url(images/pic-side_03.png)}

ویرایش شده اردیبهشت 92 توسط pary_daryayi

[imanfakhar 26231]

اول از همه این دو لایه div هستند یا span

دوم محل قرار گیریشون رو نسبت به هم چک کنید

ضمن اینکه به جای اینگونه استایل دادن که امکان به هم خوردنش زیاده می تونید از یک لایه با دو پس زمینه استفاده کنید مثل

.box-news{width:270px;min-height:175px; background-image:url(images/pic-side_03.png),url(images/pic-side_02.png);background-repeat:no-repeat,repeat-y;background-position:left bottom,left center}

[pary_daryayi 181]

هر کدوم یک دایو هستند که درون دایو اصلی قرار گرفتند .

روش شما رو امتحان کردم . تو ie جواب نمیده . همیشه از همین راه استفاده میکنم و مشکلی نداشت .

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

چرا IE منقرض نمیشه ؟

[pary_daryayi 181]

ویرایش : بطور اتفاقی ul ای که قبل از کد آرشیو مطلب و .. قرار میگرفت رو حذف کردم و تقریبا درست شد .

[imanfakhar 26231]

قبل از کد آرشیو کجا ul قرار گرفته بود؟

در هر حال div داخل li با مشکل روبروست و ul نمی تونه زیرمجموعه اولی جز li داشته باشه

کد مولتی بک گراند را ie9 ساپورت می کنه

[pary_daryayi 181]

نه !! div رو درون ul قرار نداده بودم . اینطور نوشته بودم که ul رو حذف کردم.

<div id="category">
<?php wp_list_categories('sort_column=name&sort_order=asc&children=true&hierarchical=true&title_li=0&show_count=1&exclude=3,4'); ?>
</div><!-- end category-->

ویرایش شده اردیبهشت 92 توسط pary_daryayi

[Mohammad 1620]

نه !! div رو درون ul قرار نداده بودم . اینطور نوشته بودم که ul رو حذف کردم.

<div id="category">
<?php wp_list_categories('sort_column=name&sort_order=asc&children=true&hierarchical=true&title_li=0&show_count=1&exclude=3,4'); ?>
</div><!-- end category-->

تابع wp list خودش ul ایجاد میکنه!

[imanfakhar 26231]

نه !! div رو درون ul قرار نداده بودم . اینطور نوشته بودم که ul رو حذف کردم.

[code]
<div id="category">
<?php wp_list_categories('sort_column=name&sort_order=asc&children=true&hierarchical=true&title_li=0&show_count=1&exclude=3,4'); ?>
</div><!-- end category-->

این اشتباهه

<ul id="category">
<?php wp_list_categories('sort_column=name&sort_order=asc&children=true&hierarchical=true&title_li=0&show_count=1&exclude=3,4'); ?>
</ul><!-- end category-->

[imanfakhar 26231]

وقتی لیستی را می خواهید به صورت دیفالت در li بسته بندی می شه مگر اینکه Style برای none تنظیم بشه

http://codex.wordpress.org/Function_Reference/wp_list_categories

[pary_daryayi 181]

آقا ایمان روشی که برای قرار دادن عکس گفتید خیلی بهتر و خلاصه تره . من برای یه مورد دیگه همین روش رو امتحان کردم , تو فایرفاکس و کروم درسته ولی در IE اصلا هیچی نشون نمیده . اینطور نوشتم :

background-image:url(images/side-topingg_01.png),url(images/side-topingg_02.png),url(images/side-topingg_03.png);
background-repeat:no-repeat,no-repeat,no-repeat; background-position:left,center,right;

نکته ای داره برای ست شدن در IE?

ویرایش شده اردیبهشت 92 توسط pary_daryayi

[imanfakhar 26231]

آقا ایمان روشی که برای قرار دادن عکس گفتید خیلی بهتر و خلاصه تره . من برای یه مورد دیگه همین روش رو امتحان کردم , تو فایرفاکس و کروم درسته ولی در IE اصلا هیچی نشون نمیده . اینطور نوشتم :

background-image:url(images/side-topingg_01.png),url(images/side-topingg_02.png),url(images/side-topingg_03.png);
background-repeat:no-repeat,no-repeat,no-repeat; background-position:left,center,right;

نکته ای داره برای ست شدن در IE?

ie قراره از این نسخه ساپورتش کنه ولی نسخه های پایین ترش نه متاسفانه معمولا استایل جدا برای آی ای می دن که ساده تر باشه و با یک تصویر یا رنگ اجرا بشه و یک پیام که آی ای از رده خارجه