تب ساز قالب بر روی Wampserver باIE 8 بدون مشکل ولی بر روی cp11 مشکلدار!!( درخواست کمک

با سلام خدمت همه ی دوستان



ببخشید اگر این تاپیک یه کمی طولانی می شه !



فکر می کنم به اندازه ی کافی درباره ی مشکلات IE توی انجمن ها صحبت شده باشه

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

خب حالا مشکل من اینه : قالب سایت من که از قالبهای شرکت جوملارت هست و اول بر روی لوکال هاست نصبش کردم هیچ مشکلی با IE 8 و 7 نداشت و نداره ولی زمانی که اون رو بر روی c panel منتقل کردم با هیچ مرورگری مشکل نداره ولی با IE که بازش می کنم فقط و فقط قسمت تب ساز وسط صفحه ش مشکل داره


نکات قابل توجه :

1- زمانی که بک آپ همین سایت رو بعد از یک ماه گرفتم و دوباره اون رو با نام دیگه ای روی ومپ سرور نصب کردم و با اینترنت اکسپلورر امتحانش کردم دیدم بازم بدون هیچ مشکلی و بدرستی داره کار می کنه


با پشتیبانی هاست سایتم تماس گرفتم اونها ام بعد از کلی صحبت کردن تاکید دارن که ورژن های هاست هیچ ربطی به این مشکل نداره



2 - مشخصات WAMP SERVER :

APACHE : 2.2.21

PHP : 5.3.9

My SQL :5.5.20




مشخصات C panel 11 :

cPanel Version 11.32.2 build 25

Theme x3

Apache version 2.2.22

PHP version 5.3.10

MySQL version 5.1.62-cll

Architecture x86_64

Operating system linux

Perl version 5.8.8
Kernel version 2.6.18-274.17.1.el5xen
cPanel Pro 1.0 RC1

عکس های لوکال و سرور با دو مرورگر فایر فاکس و IE

عکس سایت در فایرفاکس که کاملا درست نمایش داده می شه :




[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]


عکس سایت در IE8 بر روی WAMPSERVER که کاملا درسته :

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]


عکس سایت در IE8 بر روی Cpanel 11 که قسمت تب ساز سایت بهم ریخته نمایش داده می شه :

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

در کامنتها کد فایل های CSS رو قرار می دم

دوستان ممنون می شم اگر که کسی بگه چطوری این مشکل حل می شه ضمنا این هم لینک سایت هست اگر با IE ببینید خودتون متوجه بهم ریختگیش می شید که شاید توی عکس بالا چندان خوب واضح نباشه

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

ممنون از لطف همگی که وقت گذاشتین و این تاپیک رو خوندین

یا حق 0

فایل ja.tabs.css

نقل قول: /**
* ------------------------------------------------------------------------
* JA Tabs plugin for Joomla 1.7.x
* ------------------------------------------------------------------------
* Copyright © 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - GNU/GPL, [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
* Author: J.O.O.M Solutions Co., Ltd
* Websites: [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] - [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
* ------------------------------------------------------------------------
*/
.ja-tabswrap {
padding: 0;
margin: 0;
}

.container {
position: relative;
overflow: hidden;
height: 100%;
z-index: 10;
}

.ja-tabswrap div.ja-tab-subcontent {
padding: 0px;
}

.ja-tabswrap div.ja-tab-content {
position: absolute;
border: none;
z-index: 100;
padding: 0;
width: 100%;
}

.container ul {
margin: 0 !important;
padding: 0 !important;
}

.ja-tabswrap .ja-tab-content li {
padding: 4px 0 6px;
margin: 0;
background: none;
}

/* Tabs Top */
.ja-tabs-title-top {
position: relative;
z-index: 10;
}

.ja-tabs-title h3 {
margin: 0 !important;
}

.ja-tabs-title-top ul.ja-tabs-title {
margin: 0 !important;
padding: 0 !important;
position: absolute;
}

* html .ja-tabs-title-top ul.ja-tabs-title { /*IE 6*/
bottom: -1px;
}

.ja-tabs-title-top ul.ja-tabs-title li {
float: right;
background: none;
margin: 0;
padding: 0;
cursor: pointer;
display: block;
}

.ja-tab-panels-top {
position: relative;
clear: both;
overflow: hidden;
bottom: 0;
left: 0px;
width: 100%;
z-index: 1;
}

/* Tabs left */
.ja-tabs-title-left {
float: left;
}

.ja-tabs-title-left ul.ja-tabs-title {
margin: 0;
padding: 0;
top: 10px;
left: 0px;
width: 100%;
}

.ja-tabs-title-left ul.ja-tabs-title li {
margin: 0px 0 0 1px;
padding: 0;
cursor: pointer;
display: block;
}

.ja-tab-panels-left {
position: relative;
overflow: hidden;
height: 100%;
left: 10px;
}

/* Tabs right */
.ja-tabs-title-right {
position: relative;
float: right;
height: 100%;
}

.ja-tabs-title-right ul.ja-tabs-title {
margin: 0;
padding: 0;
position: absolute;
top: 10px;
right: 0;
width: 100%;
}

.ja-tabs-title-right ul.ja-tabs-title li {
margin: 0 0 0 1px;
padding: 0;
cursor: pointer;
display: block;
}

.ja-tab-panels-right {
position: relative;
overflow: hidden;
top: 5px;
height: 100%;
}

/* for tabs bottom */
.ja-tabs-title-bottom {

}

.ja-tabs-title-bottom ul.ja-tabs-title {
margin: 0;
padding: 0;
position: absolute;
}

* html .ja-tabs-title-bottom ul.ja-tabs-title { /*IE 6*/
top: -1px;
}

.ja-tabs-title-bottom ul.ja-tabs-title li {
float: left;
margin: 0;
padding: 0;
cursor: pointer;
display: block;
}

.ja-tab-panels-bottom {
position: relative;
clear: both;
overflow: hidden;
top: 0;
width: 100%;
left: 10px;
right: 0px;
z-index: 1;
}
/*End*/






-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

فایل : style.css مربوط به تب





نقل قول: /**
* ------------------------------------------------------------------------
* JA Tabs plugin for Joomla 1.7.x
* ------------------------------------------------------------------------
* Copyright © 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - GNU/GPL, [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
* Author: J.O.O.M Solutions Co., Ltd
* Websites: [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] - [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
* ------------------------------------------------------------------------
*/
.ja-tabswrap {

}

.ja-tabswrap div.ja-tab-content {

}

.ja-tabswrap div.ja-tab-subcontent {
padding: 15px;
}

/* JA Tabs top*/
.portfolio .ja-tabs-title-top {
direction: rtl;
height: 60px !important;
border-bottom: 1px solid #b5b5b7;
position: relative;
width: 100%;
background: #cacacd;
}

.portfolio .ja-tabs-title-top ul.ja-tabs-title {
border-right: 1px solid #e2e2e5;
}

.portfolio .ja-tabs-title-top ul.ja-tabs-title li {
background: #cacccd;
border-bottom: 1px solid #b5b5b7;
border-right: 1px solid #b5b5b7;
border-left: 1px solid #e2e2e5;
margin-left: 0;
margin-bottom: -1px;
width: 180px;
height: 60px;
}

.portfolio .ja-tabs-title-top ul.ja-tabs-title li:first-child {
border-left: 0;
}

.portfolio .ja-tabs-title-top ul.ja-tabs-title li h3 {
font-size: 130%;
font-weight: inherit !important;
line-height: normal;
margin: 0;
padding: 15px 15px 10px 55px;
color: #88888a;
border-top: none;
background-position: 15px 15px;
background-color: #CACCCD;
}

.portfolio .ja-tabs-title-top ul.ja-tabs-title li.active h3 {
background-color: #fff;
}

.portfolio .ja-tabs-title-top ul.ja-tabs-title li.hover,.portfolio .ja-tabs-title-top ul.ja-tabs-title li.firsthover,.portfolio .ja-tabs-title-top ul.ja-tabs-title li.lasthover
{
background-color: #b5b5b7;
}

.portfolio .ja-tabs-title-top ul.ja-tabs-title li.hover h3,.portfolio .ja-tabs-title-top ul.ja-tabs-title li.firsthover h3,.portfolio .ja-tabs-title-top ul.ja-tabs-title li.lasthover h3
{
color: #2d2d2e;
background-color: #b5b5b7;
}

.portfolio .ja-tabs-title-top ul.ja-tabs-title li.active,.portfolio .ja-tabs-title-top ul.ja-tabs-title li.firstactive,.portfolio .ja-tabs-title-top ul.ja-tabs-title li.lastactive
{
background: #fff;
border-bottom: 1px solid #fff;
}

.portfolio .ja-tabs-title-top ul li.active h3,.portfolio .ja-tabs-title-top ul li.firstactive h3,.portfolio .ja-tabs-title-top ul li.lastactive h3
{
color: #2d2d2e;
}

/* JA Tabs left*/
.portfolio .ja-tab-panels-left {
left: 0;
top: 0;
}

.portfolio .ja-tabs-title-left {
position: relative;
float: left;
height: 100%;
width: 180px !important;
background: #cacccd;
}

.portfolio .ja-tabs-title-left ul.ja-tabs-title {
border-bottom: 1px solid #e2e2e5;
}

.portfolio .ja-tabs-title-left ul.ja-tabs-title li {
background: #cacccd;
border-top: 1px solid #e2e2e5;
border-bottom: 1px solid #b5b5b7;
height: 100%;
margin: 0 0 0 1px;
padding: 0;
cursor: pointer;
display: block;
}

.portfolio .ja-tabs-title-left ul.ja-tabs-title li:first-child {
border-top: 0;
}

.portfolio .ja-tabs-title-left ul.ja-tabs-title li h3 {
color: #88888a;
font-weight: inherit !important;
margin: 0 0 0 15px;
padding: 20px 15px 20px 45px;
letter-spacing: normal;
font-size: 100%;
background-position: left center;
}

.portfolio .ja-tabs-title-left ul.ja-tabs-title li.hover,.portfolio .ja-tabs-title-left ul.ja-tabs-title li.firsthover,.portfolio .ja-tabs-title-left ul.ja-tabs-title li.lasthover
{
background-color: #b5b5b7;
}

.portfolio .ja-tabs-title-left ul.ja-tabs-title li.hover h3,.portfolio .ja-tabs-title-left ul.ja-tabs-title li.firsthover h3,.portfolio .ja-tabs-title-left ul.ja-tabs-title li.lasthover h3
{
color: #2d2d2e;
}

.portfolio .ja-tabs-title-left ul li.active,.portfolio .ja-tabs-title-left ul li.firstactive,.portfolio .ja-tabs-title-left ul li.lastactive
{
background: #fff;
}

.portfolio .ja-tabs-title-left ul li.active h3,.portfolio .ja-tabs-title-left ul li.firstactive h3,.portfolio .ja-tabs-title-left ul li.lastactive h3
{
color: #2d2d2e;
}

/* JA Tabs right*/
.portfolio .ja-tab-panels-right {
left: 0;
top: 0;
}

.portfolio .ja-tabs-title-right {
position: relative;
float: right;
height: 100%;
width: 180px !important;
background: #cacccd;
}

.portfolio .ja-tabs-title-right ul.ja-tabs-title {
top: 0;
}

.portfolio .ja-tabs-title-right ul.ja-tabs-title li {
background: #cacccd;
border-top: 1px solid #e2e2e5;
border-bottom: 1px solid #b5b5b7;
height: 100%;
margin: 0 1px 0 0;
padding: 0;
cursor: pointer;
display: block;
}

.portfolio .ja-tabs-title-right ul.ja-tabs-title li h3 {
color: #88888a;
font-weight: inherit !important;
margin: 0 15px 0 0;
padding: 20px 45px 20px 20px;
letter-spacing: normal;
font-size: 100%;
background-position: right center;
}

.portfolio .ja-tabs-title-right ul.ja-tabs-title li.hover,.portfolio .ja-tabs-title-right ul.ja-tabs-title li.firsthover,.portfolio .ja-tabs-title-right ul.ja-tabs-title li.lasthover
{
background-color: #b5b5b7;
}

.portfolio .ja-tabs-title-right ul.ja-tabs-title li.hover h3,.portfolio .ja-tabs-title-right ul.ja-tabs-title li.firsthover h3,.portfolio .ja-tabs-title-right ul.ja-tabs-title li.lasthover h3
{
color: #2d2d2e;
}

.portfolio .ja-tabs-title-right ul li.active,.portfolio .ja-tabs-title-right ul li.firstactive,.portfolio .ja-tabs-title-right ul li.lastactive
{
background: #fff;
}

.portfolio .ja-tabs-title-right ul li.active H3,.portfolio .ja-tabs-title-right ul li.firstactive H3,.portfolio .ja-tabs-title-right ul li.lastactive H3
{
color: #2d2d2e;
}

/* JA Tabs bottom*/
.portfolio .ja-tab-panels-bottom {
left: 0;
}

.portfolio .ja-tabs-title-bottom {
height: 60px;
border-top: 1px solid #b5b5b7;
position: relative;
width: 100%;
background: #cacacd;
}

.portfolio .ja-tabs-title-bottom ul.ja-tabs-title {
border-right: 1px solid #e2e2e5;
}

.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li {
background: #cacccd;
border-top: 1px solid #b5b5b7;
border-right: 1px solid #b5b5b7;
border-left: 1px solid #e2e2e5;
margin-left: 0;
margin-top: -1px;
width: 140px;
height: 60px;
}

.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li:first-child {
border-left: 0;
}

.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li h3 {
font-size: 100%;
font-weight: inherit !important;
line-height: normal;
margin: 0;
padding: 15px 15px 10px 55px;
color: #88888a;
border-top: none;
background-position: 15px 15px;
}

.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.hover,.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.firsthover,.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.lasthover
{
background-color: #b5b5b7;
}

.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.hover h3,.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.firsthover h3,.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.lasthover h3
{
color: #2d2d2e;
}

.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.active,.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.firstactive,.portfolio .ja-tabs-title-bottom ul.ja-tabs-title li.lastactive
{
background: #fff;
border-top: 1px solid #fff;
}

.portfolio .ja-tabs-title-bottom ul li.active h3,.portfolio .ja-tabs-title-bottom ul li.firstactive h3,.portfolio .ja-tabs-title-bottom ul li.lastactive h3
{
color: #2d2d2e;
}

/* Tabs Icon*/
.portfolio ul.ja-tabs-title li h3 {
background-repeat: no-repeat;
}

.portfolio ul.ja-tabs-title li.ja-tab-title_icon1 h3 {
background-image: url(icon1.png);height:34px;
}

.portfolio ul.ja-tabs-title li.ja-tab-title_icon2 h3 {
background-image: url(icon2.png);height:34px;
}

.portfolio ul.ja-tabs-title li.ja-tab-title_icon3 h3 {
background-image: url(icon3.png);height:34px;
}

.portfolio ul.ja-tabs-title li.ja-tab-title_icon4 h3 {
background-image: url(icon4.png);height:34px;
}

.portfolio ul.ja-tabs-title li.ja-tab-title_icon5 h3 {
background-image: url(icon5.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon6 h3 {
background-image: url(icon6.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon7 h3 {
background-image: url(icon7.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon8 h3 {
background-image: url(icon8.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon9 h3 {
background-image: url(icon9.png);height:34px;
}
.portfolio ul.ja-tabs-title li.ja-tab-title_icon10 h3 {
background-image: url(icon10.png);height:34px;
}