Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 18.10.2013 16:57

yu007
Новичок
Зарегистрирован: 18.10.2013
Сообщений: 4

Везде правильно, кроме IE, div в таблице

Есть скрипт вкладок, организованный css + js. Структура странички: таблица, а в ней div, который и организует вкладки. В Опере, Хроме, NN, FF и Safari работает правильно, в IE всех видов - отображение не корректно. Подскажите, пожалуйста, в чем дело?

Код:

         Проблема с вкладками IE
        
        
        
  Проблема с вкладками в IE (некоректное отображение в IE)  
1 вкладка
2 вкладка
 

css:

Код:

.tabsheets,
.tabsheets dt,
.tabsheets dd
{
margin: 0;
padding: 0;
width: auto;
border: none;
}
dl.tabsheets dt,
dl.tabsheets dd
{
background-color: ThreeDFace;
color: ButtonText;
border: 1px solid ThreeDFace;
border-top-color: ThreeDHighlight;
border-right-color: ThreeDShadow;
border-bottom-color: ThreeDShadow;
border-left-color: ThreeDHighlight;
}
.tabsheets
{
position: relative;
padding: 0;
margin-bottom: 10px;
}
.tabsheets dt
{
float: left;
font:15px Arial;
padding: 0.2em 1em;
cursor: default;
white-space: nowrap;
margin-top: 0.1em;
margin-bottom: -0.2em;
}
.tabsheets dt.active
{
background-color: ButtonHighlight;
color: ButtonText;
margin-top: 0;
padding-bottom: 0.3em;
}
.tabsheets dd
{
position: absolute;
width: 910px;
display: block;
left: 0;
margin: 1.6em 0 1em 0;
padding: 0;
}
.tabsheets dd .reducer
{
margin: 1em;
}
.tabsheets dd.inactive
{
display: none;
}
.tabsheets dd.inactive iframe,
.tabsheets dd.inactive select,
.tabsheets dd.inactive textarea,
.tabsheets dd.inactive input
{
display: none ! important;
}
.tabsheets dd.active
{
display: block;
}
.tabsheets .reducer
{
margin: 1em;
}

js:

Код:

function Make_Tabsheet(){
    var i, j, k, eDD, iMax_height, iDT_height, aeDL_child, sDD_inner_HTML
    var bFirst_tab = true
    var aeDl = document.getElementsByTagName( "DL" )
    for( i = 0 ; i  iMax_height ){
                                iMax_height = eDD.offsetHeight
                            }
                            if( !bFirst_tab ){
                                eDD.className = "inactive"
                            }else{
                                aeDL_child[j].className = "active"
                            }
                            bFirst_tab = false
                            break
                        }
                    }
                }
            }
            aeDl[i].style.height = (iMax_height + iDT_height) * 1 + "px"
            for( j = 0 ; j 

Нет на форуме

 

#2 19.10.2013 12:38

Keeper
Новичок
Зарегистрирован: 19.10.2013
Сообщений: 2

Re: Везде правильно, кроме IE, div в таблице

У меня в IE 8 работает вроде... либо я не понял проблеммы...

Нет на форуме

 

#3 19.10.2013 12:52

yu007
Новичок
Зарегистрирован: 18.10.2013
Сообщений: 4

Re: Везде правильно, кроме IE, div в таблице

Keeper написал:

У меня в IE 8 работает вроде... либо я не понял проблеммы...

В IE 7 и ниже отображение некорректное:(

Нет на форуме

 

#4 19.10.2013 13:28

Keeper
Новичок
Зарегистрирован: 19.10.2013
Сообщений: 2

Re: Везде правильно, кроме IE, div в таблице

Может скрин сделаете?

Нет на форуме

 

#5 19.10.2013 17:21

yu007
Новичок
Зарегистрирован: 18.10.2013
Сообщений: 4

Re: Везде правильно, кроме IE, div в таблице

Странно, но я не нашел кнопки вставить картинки..sad Как тут что-нибудь вставить?

Нет на форуме

 

#6 20.10.2013 10:01

vashurin
Moderator
Зарегистрирован: 14.09.2010
Сообщений: 291
Вебсайт

Re: Везде правильно, кроме IE, div в таблице

yu007

yu007 написал:

Странно, но я не нашел кнопки вставить картинки..sad Как тут что-нибудь вставить?

Код:

[img]http://punbb.org/img/small_logo.png[/img]

приводит к виду http://punbb.org/img/small_logo.png


С уважением, Вашурин Владимир.

Нет на форуме

 

#7 23.10.2013 01:16

yu007
Новичок
Зарегистрирован: 18.10.2013
Сообщений: 4

Re: Везде правильно, кроме IE, div в таблице

Спасибо, я понял. Но уже решил проблему. Помогла верстка в css.

Нет на форуме

 

Board footer