عرض مشاركة واحدة
  #1  
قديم 02-17-2009, 09:06 AM
مبرمج مبرمج غير متواجد حالياً
Senior Member
 
تاريخ التسجيل: Feb 2009
المشاركات: 1,811
افتراضي مشكلة css فى القوائم و التابات على الاكسبلورر

السلام عليكم ورحمة الله وبركاته

اخواني عندي مشكله فى هذا الاستايل

http://www.l7azat.com/vb/index.php?styleid=8

عندما اقوم بتصفحه على الانترنت اكسبلورر تظهر القوائم بشكل افقي

اما على الفايرفوكس تظهر بشكل طبيعي

صور ::






الاكواد المستخدمه

CSS

كود:
.infobar {
background: url(images/ah/info_main.jpg) top left no-repeat;
width: 296px;
height: 129px;
}

.infobar_text {
padding: 12px;
}

.border_left {
background: url(images/ah/border_left.jpg) top left repeat-y;
}

.border_right {
background: url(images/ah/border_right.jpg) top right repeat-y;
}

#tabs ul {
list-style: none;
padding: 0;
margin: 0;
}

#tabs li {
display: inline;
padding: 0;
margin: 0;
}

a.tab_arcade {
background: url(images/ah/tab_arcade_off.jpg) top left no-repeat;
height: 52px;
width: 146px;
}

a.tab_memdl {
background: url(images/ah/tab_memdl_off.jpg) top left no-repeat;
height: 52px;
width: 146px;
}

a.tab_botdl {
background: url(images/ah/tab_botdl_off.jpg) top left no-repeat;
height: 52px;
width: 146px;
}

a.tab_request {
background: url(images/ah/tab_request_off.jpg) top left no-repeat;
height: 52px;
width: 146px;
}

a.tab_community {
background: url(images/ah/tab_community_off.jpg) top left no-repeat;
height: 52px;
width: 146px;
}


a:hover.tab_arcade {
background: url(images/ah/tab_arcade_on.jpg) top left no-repeat;
height: 52px;
width: 146px;
}

a:hover.tab_memdl {
background: url(images/ah/tab_memdl_on.jpg) top left no-repeat;
height: 52px;
width: 146px;
}

a:hover.tab_botdl {
background: url(images/ah/tab_botdl_on.jpg) top left no-repeat;
height: 52px;
width: 146px;
}

a:hover.tab_request {
background: url(images/ah/tab_request_on.jpg) top left no-repeat;
height: 52px;
width: 146px;
}

a:hover.tab_community {
background: url(images/ah/tab_community_on.jpg) top left no-repeat;
height: 52px;
width: 146px;
}

#tabs li a {
overflow: hidden;
display: block;
}

#tabs li {
float: left;
}

#nav ul {
list-style: none;
padding: 0;
margin: 0;
}

#nav li {
display: inline;
padding: 0;
margin: 0;
}

#nav li a {
overflow: hidden;
display: block;
}

#nav li {
float: left;
}

a.nav_livebets {
background: url(images/ah/nav_livebets_off.jpg) top left no-repeat;
height: 42px;
width: 105px;
}

a.nav_casino {
background: url(images/ah/nav_casino_off.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a.nav_television {
background: url(images/ah/nav_television_off.jpg) top left no-repeat;
height: 42px;
width: 104px;
}


a.nav_usercp {
background: url(images/ah/usercp_off.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a.nav_main {
background: url(images/ah/nav_main_off.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a.nav_up {
background: url(images/ah/nav_up_off.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a.nav_short {
background: url(images/ah/nav_short_off.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a.nav_games{
background: url(images/ah/nav_games_off.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a.nav_newposts {
background: url(images/ah/nav_newposts_off.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a.nav_logout {
background: url(images/ah/nav_logout_off.jpg) top left no-repeat;
height: 42px;
width: 105px;
}


a:hover.nav_livebets {
background: url(images/ah/nav_livebets_on.jpg) top left no-repeat;
height: 42px;
width: 105px;
}

a:hover.nav_casino {
background: url(images/ah/nav_casino_on.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a:hover.nav_television {
background: url(images/ah/nav_television_on.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a:hover.nav_chat {
background: url(images/ah/nav_chat_on.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a:hover.nav_usercp {
background: url(images/ah/usercp_on.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a:hover.nav_games {
background: url(images/ah/nav_games_on.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a:hover.nav_short {
background: url(images/ah/nav_short_on.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a:hover.nav_main {
background: url(images/ah/nav_main_on.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a:hover.nav_up {
background: url(images/ah/nav_up_on.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a:hover.nav_newposts {
background: url(images/ah/nav_newposts_on.jpg) top left no-repeat;
height: 42px;
width: 104px;
}

a:hover.nav_logout {
background: url(images/ah/nav_logout_on.jpg) top left no-repeat;
height: 42px;
width: 105px;
}

.adrow_main {
background: url(images/ah/adrow_main.jpg) top left repeat-x;
height: 70px;
}

.adrow_left {
background: url(images/ah/adrow_left.jpg) top left no-repeat;
height: 70px;
}

.adrow_right {
background: url(images/ah/adrow_right.jpg) top right no-repeat;
height: 70px;
}

.adrow_pad {
vertical-align: middle;
padding: 4px;
}

.footer_main {
background: url(images/ah/footer_main.jpg) top left repeat-x;
padding: 9px 5px 9px 5px;
}

.footer_main a {
color: #FFF;
text-decoration: none;
}

.footer_main a:hover {
color: #000;
text-decoration: none;
}

.sm_main {
background: url(images/ah/statusmarker_main.jpg) top left repeat-x;
height: 100px;
}

.sm_left {
background: url(images/ah/statusmarker_left.jpg) top left no-repeat;
height: 100px;
}

.sm_right {
background: url(images/ah/statusmarker_right.jpg) top right no-repeat;
height: 100px;
}
HTML
كود:










هل يمكن اصلاح الامر في الإكسبلورر .. ؟؟
رد مع اقتباس