نمایش http://fc-perspolis.com در 8 ie

[hamed-php]

سلام

این سایت در بروزر اینترنت اکسپلورر آیا بطور صحیح دیده میشود؟
http://fc-perspolis.com/

ظاهرا یکی از منوها که در سمت چپ هست دیده نمیشود؟

نسخه 8 ie چک کردم.
دوستان کسی هست علت رو بدونه؟

با تشکر

[hamed-php]

سلام کسی نظری نداشت در این مورد؟ شایدم فقط تو اینترنت اکسپلورر من اینطور دیده میشه؟

[IamOverlord]

نه آقا شک نکن! اکثر مردم این مشکلو دارن با این IE مزخرف...
البته الان IE10 دارم نه IE8... ولی به احتمال زیاد مشکل از IE باشه...

[parsboy]

سلام کسی نظری نداشت در این مورد؟ شایدم فقط تو اینترنت اکسپلورر من اینطور دیده میشه؟
باسلام بنده با IE8 تست کردم همین مشکل رو داشت.
موفق باشید.

[2undercover]

مشکلش توی قسمت مقدار دهی پس زمینه هست که به این صورت مقدار دهی شده:
.media-hover{background:url(../images/media-hover.png)no-repeat; width:67px; height:97px; position:relative; left:178px; top:28px; float:left;}
.media-hover a,.media-hover img {border:none;}
.media-hover:hover{background:url(../images/media-hover.png)repeat 139px 98px transparent; width:67px; height:97px; position:relative; z-index:99}


که توی قسمت background:url... بین url و no-repeat و repeat فاصله ای وجود نداره که فقط توی آیکون رسانه این اتفاق افتاده!

[hamed-php]

با سلام

ممنون از دقت و ظرافت شما توآندرکاور

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



@charset "utf-8";


*{margin:0px; padding:0px;}

body{margin:0px; padding:0px; background-color:#000;font-family: Tahoma;}
h1 {font-family: Tahoma; color:#ff0000}
h5 {font-family: Tahoma; color:#ffffff}
h3 {font-family: Tahoma; color:#ffffff}
.clear{ clear:both;}

.title-logo{ margin:0px auto; text-align:center; font-family:Arial, Helvetica, sans-serif; width:320px; color:red;}
.title-logo h2{ font-size:11pt; font-weight:bold; padding:2px; margin:0px;}
.title-logo h5{ font-size:9pt; padding:0px 2px 2px 2px; margin:0px;}
.slogan-titl{ font-family:MyCustomFont,B Nazanin,Arial,Tahoma;font-size: 20pt !important; padding:10px 0px !important; line-height: 32pt; height:30px;}
.title-logo1{ margin:0px auto; text-align:center; font-family:Arial, Helvetica, sans-serif; width:320px; color:red;}
.title-logo1 h2{ font-size:11pt; font-weight:bold; padding:2px; margin:0px;}
.title-logo1 h5{ font-size:9pt; padding:0px 2px 2px 2px; margin:0px;}
.slogan-titl1{ font-family:MyCustomFont,B Nazanin,Arial,Tahoma;font-size: 20pt !important; padding:10px 0px !important; line-height: 32pt; height:30px; margin-top:-50px;}

.main-splash{ width:820px; margin:0px auto;position:relative;top:-57px;}
.fans-message{ background:url(fans-mes.png) no-repeat; float:left; width:139px; height:69px;}

.logo-splash{margin:0px auto; margin-top:5px;text-align:center; display:block; }
.bottom-splash{background:url(bg000000.webp) no-repeat center; width:800px; height:191px;}
.bottom-splash{background:url(bg.jpg) no-repeat center; width:800px; height:191px;}
.bottom-splash a{ border:none;}

.media-hover1{background:url(media-ho.png) no-repeat; width:67px; height:97px; position:relative; left:0px; top:0px; float:left;}
.media-hover1 a,.media-hover img {border:none;}
.media-hover1:hover{background:url(media-ho.png) repeat 139px 98px transparent; width:67px; height:97px; position:relative; z-index:99}
/*.media-hover:hover img{ width:67px; height:97px; z-index:99; opacity:0}*/

.media-hover{background:url(media-ho.png) no-repeat; width:67px; height:97px; position:relative; left:138px; top:25px; float:left;}
.media-hover a,.media-hover img {border:none;}
.media-hover:hover{background:url(media-ho.png) repeat 139px 98px transparent; width:67px; height:97px; position:relative; z-index:99}
/*.media-hover:hover img{ width:67px; height:97px; z-index:99; opacity:0}*/


.shop-hover{ background:url(shop-hov.png) no-repeat;width:87px; height:117px; position:relative; left:109px; top:19px; float:left;}
.shop-hover a,.shop-hover img {border:none;}
.shop-hover:hover{width:87px; height:120px; z-index:99;background:url("shop-hov.png") repeat scroll 171px 126px transparent;}
/*.shop-hover:hover img{width:87px; height:117px;;z-index:99; opacity:0; }*/

.mainSite-hover{background:url(mainsite.png) no-repeat; width:107px; height:130px; position:relative; left:143px; top:20px; float:left;}
.mainSite-hover a,.mainSite-hover img {border:none;}
.mainSite-hover:hover{width:107px; height:130px; z-index:99; background:url(mainsite.png)repeat scroll 215px 130px transparent;}
/*.mainSite-hover:hover img{width:95px; height:130px; z-index:99; opacity:0;}*/

.fan-hover{background:url(fans-hov.png) no-repeat; width:82px; height:112px; position:relative; left:173px; top:29px; float:left;}
.fan-hover a, .fan-hover img {border:none;}
.fan-hover:hover{width:82px; height:112px; z-index:99;; background:url(fans-hov.png)repeat 244px 108px transparent;}
/*.fan-hover:hover img{width:82px; height:112px; z-index:99; opacity:0;}*/

.ScoreTable-hover{ background:url(ScoreTab.png) no-repeat; width:74px; height:106px; position:relative; left:198px; top:19px; float:left;}
.ScoreTable-hover a,.ScoreTable-hover img {border:none;}
.ScoreTable-hover:hover{width:74px; height:106px;z-index:99; background:url(ScoreTab.png) 220px 108px transparent;}
/*.ScoreTable-hover:hover img{width:74px; height:106px;z-index:99; opacity:0;}*/

.ScoreTable-hover1{ background:url(ScoreTab.png) no-repeat; width:74px; height:106px; position:relative; left:212px; top:0px; float:left;}
.ScoreTable-hover1 a,.ScoreTable-hover img {border:none;}
.ScoreTable-hover1:hover{width:74px; height:106px;z-index:99; background:url(ScoreTab.png) 220px 108px transparent;}
/*.ScoreTable-hover:hover img{width:74px; height:106px;z-index:99; opacity:0;}*/

[hamed-php]

سلام

کسی نظری نداره در این خصوص؟

[2undercover]

این روش خاصی نداره فقط برای هر آیتم باید با توجه به مقدار top آیتم قبلیش اون رو بالاتر یا پایین بیارین. مثلا اگر آیتم اول مقدار top ش 19 هست ; آیتم بعد رو مقدار top ش رو بیشتر قرار بدید مثلا 25.