تب ساز قالب بر روی Wamp server باIE 8 بدون مشکل ولی بر روی cp11 مشکلدار!!!

[fpitco 0]

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

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

فکر می کنم به اندازه ی کافی درباره ی مشکلات 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 که قسمت تب ساز سایت بهم ریخته نمایش داده می شه :

فایل ja.tabs.css

/**
* ------------------------------------------------------------------------
* JA Tabs plugin for Joomla 1.7.x
* ------------------------------------------------------------------------
* Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
* Author: J.O.O.M Solutions Co., Ltd
* Websites: http://www.joomlart.com - http://www.joomlancers.com
* ------------------------------------------------------------------------
*/
.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 (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
* Author: J.O.O.M Solutions Co., Ltd
* Websites: http://www.joomlart.com - http://www.joomlancers.com
* ------------------------------------------------------------------------
*/
.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;
}

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

http://pejvakcomputer.ir/

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

یا حق