За последние 24 часа нас посетили 16590 программистов и 1649 роботов. Сейчас ищут 2074 программиста ...

overflow: hidden в IE6 не работает

Тема в разделе "HTML и CSS", создана пользователем udodirc, 21 июл 2010.

  1. udodirc

    udodirc Активный пользователь

    С нами с:
    14 мар 2008
    Сообщения:
    111
    Симпатии:
    0
    Здраствуйте, есть проблема с overflow: hidden в IE6.

    Вот код
    HTML:
    1.  
    2. <script type='text/javascript'>
    3.     var IsOpenFltr = 1;
    4.     function SwitchFilter() {
    5.     Obj_body = document.getElementById('fltr_body');
    6.     Obj_btn  = document.getElementById('fltr_btn');
    7.     if (IsOpenFltr == 1) {
    8.                   Obj_body.style.height     = '0%';
    9.                   Obj_body.style.paddingTop = '0px';
    10.                   Obj_btn.innerHTML = 'Фильтр [ + ]';
    11.                   IsOpenFltr = 0;
    12.                } else {
    13.                   Obj_body.style.height     = '245px';
    14.                   Obj_body.style.paddingTop = '0px';
    15.                   Obj_btn.innerHTML = 'Фильтр [ - ]';
    16.                   IsOpenFltr = 1;              
    17.                }
    18.             }
    19.             function CheckBoxOn(ObjName) {
    20.                Obj = document.getElementById(ObjName);
    21.                if (Obj && Obj.type == 'checkbox') {
    22.                   Obj.checked = true;
    23.                }
    24.             }
    25. <table width=95% cellspacing=2 cellpadding=0 border=0>
    26.             <tr>
    27.             <td colspan=8 align='left'>      
    28.         <div id='fltr_btn' align='left' style='color:".($filter_open == 1 ? "#ff0000" : "#ec7e16")."; font-weight:bold; cursor:pointer;'
    29.         onclick='SwitchFilter();'>Фильтр "+"</div>
    30.         <div name='test1' id='fltr_body' align='left' style='position: relative; height:245px; overflow:hidden; border: 1px solid black'>
    31.         aDAWFAFAFAFAEFAWFSEFSEFSEF<br>
    32.         AEFSEFSEFSEFSEFSEFSEFSEFSEF<br>
    33.         SFSEFSEFSEFSEF<br>
    34.         SE<br>
    35.         FSEF<br>
    36.         SEF<br>
    37.         SEF<br>
    38.         SF<br>
    39.         </div>
    40.         </td>
    41.         </tr>
    42.  

    В FF, Opera overflow: hidden срабатывает, в IE6 не работает. Кто знает почему?
     
  2. udodirc

    udodirc Активный пользователь

    С нами с:
    14 мар 2008
    Сообщения:
    111
    Симпатии:
    0
    Проблему уже решил поставил
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    заработало!