مشكلة css فى القوائم و التابات على الاكسبلورر

**محمد كيوان** · 17-02-2009

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

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

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

كود:

<table cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td>
<div id="nav">
<ul>
<li><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')" class="nav_logout"></a></li>
<li><a href="http://games.l7azat.com/" class="nav_games"></a></li>
<li><a href="http://s.l7azat.com/" class="nav_short"></a></li>
<li><a href="http://img.l7azat.com/" class="nav_up" target=_blank></a></li>
<li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2" class="nav_newposts"></a></li>
<li><a href="http://www.l7azat.com/vb/usercp.php" class="nav_usercp"></a></li>
<li><a href="/vb/" class="nav_main"></a></li>

</ul>
</div>
</td>
</tr>
</table>

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

**محمد كيوان** · 17-02-2009

الخطأ يزول عند التحول من اللغه العربيه الي الانجليزيه

اعتقد هناك تعديل بسيط فى كود css لكن للأسف لست بتلك الخبره في التعامل معها !!

**owner** · 17-02-2009

يا هلا

جرب استبدال

كود:

     display: inline;

الى

كود:

Float: right;

**Mohamed Amin** · 17-02-2009

السلام عليكم .. شوف أخى أنا جربت الكود ومفهوش مشكلة لكن أتوقع المشكلة اللى تظهر ديه من ا لtable ممكن يكون فيه مؤثر من استايل المنتدى عليه ..

جرب

كود:

 
 
<table id="table" cellpadding="0" cellspacing="0"
 border="0" align="center

">
و ال Css

كود:

 
#table {
height: auto;
width: auto;
}

**محمد كيوان** · 17-02-2009

المشاركة الأصلية كتبت بواسطة owner مشاهدة المشاركة

يا هلا

جرب استبدال

كود:

     display: inline;

الى

كود:

Float: right;

المشاركة الأصلية كتبت بواسطة Mohamed Amin مشاهدة المشاركة

السلام عليكم .. شوف أخى أنا جربت الكود ومفهوش مشكلة لكن أتوقع المشكلة اللى تظهر ديه من ا لtable ممكن يكون فيه مؤثر من استايل المنتدى عليه ..

جرب

كود:

 
 
<table id="table" cellpadding="0" cellspacing="0"
 border="0" align="center

">
و ال Css

كود:

 
#table {
height: auto;
width: auto;
}

امممم
بارك الله فيكم اخواني على المساعده
لكن للأسف
جربت الحلين ولم يفلح الامر معي

كم قلت يعمل جيدا فى الغه الانجليزيه بينما العربيه لا يعمل !!

**محمد كيوان** · 17-02-2009

قمت بحل المشكله عن طريق اعطاء الجدول عرض 100%
فأصبح الكود

شكرا لكم يا شباب ..

**assyrian-php** · 18-02-2009

اخي العزيز elalbab :

لقد حللت المشكلة بالطريقة الصعبة .

اذا كانت مشكلتك مع اكسبلورر 6 فالحل هو باستبدال

inline

بـ inline-block

اتمنى ان تحل المشكلة بصورة صحيحة

**محمد كيوان** · 18-02-2009

اممممممم

شكرا لك اخي الكريم
و لكن هل نفس الحل للإكسبلورر 7 ؟

لم اجربه على 6 صراحة و لكن كانت مشكلتي مع 7

**assyrian-php** · 19-02-2009

انترنت اكسبلورر 7 ليست لديه اي مشكلة مع القوائم و التابات لأنه نوعاً ما قريب الى القياسية مثل فيرفوكس و اوبرا لكن المشكلة عادة تكون مع اكسبلورر 6 حيث يظهر التابات بشكل افقي فوق بعضها و ليس بجانب بعضها و الحل كما ذكرت لك .. بتغيير display من inline إلى inline-block

ارجو ان اكون قد افدتك .

الموضوع: مشكلة css فى القوائم و التابات على الاكسبلورر

أدوات الموضوع

بحث في الموضوع

مشكلة css فى القوائم و التابات على الاكسبلورر

المواضيع المتشابهه

مشكلة الاكسبلورر .. مين مرت عليه

مشكلة شريط اضافي في الاكسبلورر

مشكلة مع الاكسبلورر

عندي مشكلة عويصة في الاكسبلورر

ضوابط المشاركة