Сайты - по стандартам, но не стандартные сайты!
Есть скрипт вкладок, организованный css + js. Структура странички: таблица, а в ней div, который и организует вкладки. В Опере, Хроме, NN, FF и Safari работает правильно, в IE всех видов - отображение не корректно. Подскажите, пожалуйста, в чем дело?
Проблема с вкладками IE
Проблема с вкладками в IE (некоректное отображение в IE)
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
Нет на форуме
У меня в IE 8 работает вроде... либо я не понял проблеммы...
Нет на форуме
Keeper написал:
У меня в IE 8 работает вроде... либо я не понял проблеммы...
В IE 7 и ниже отображение некорректное:(
Нет на форуме
Может скрин сделаете?
Нет на форуме
Странно, но я не нашел кнопки вставить картинки.. Как тут что-нибудь вставить?
Нет на форуме
yu007
yu007 написал:
Странно, но я не нашел кнопки вставить картинки.. Как тут что-нибудь вставить?
[img]http://punbb.org/img/small_logo.png[/img]
приводит к виду
Нет на форуме
Спасибо, я понял. Но уже решил проблему. Помогла верстка в css.
Нет на форуме