За последние 24 часа нас посетили 15602 программиста и 1551 робот. Сейчас ищут 887 программистов ...

Фиксация заголовка у таблицы (JQuery)

Тема в разделе "JavaScript и AJAX", создана пользователем qwert_ukg, 11 май 2011.

  1. qwert_ukg

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

    С нами с:
    20 июл 2010
    Сообщения:
    387
    Симпатии:
    0
    Адрес:
    Алмата
    Люди добрые, подскажите как с помощью JQuery зафиксировать заголовок у таблицы? Если она на всю ширину страницы и по высоте во много раз больше высоты браузера. Необходимо чтобы работало в ИЕ6.
     
  2. qwert_ukg

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

    С нами с:
    20 июл 2010
    Сообщения:
    387
    Симпатии:
    0
    Адрес:
    Алмата
    Сделал шаблон http://zamanpharm.kz/dub/templates/bt_okto/demo/

    HTML:
    1. <style type="text/css">
    2.     body{margin:0px}
    3.     #header{border-collapse: collapse; width: 100%; position: fixed;  background-color:#eef; height: 109px; top: 0;}
    4.     #boby{border-collapse: collapse; width: 100%; margin-top: 108px; margin-bottom: 58px;}
    5.     td{border: 1px solid #ccc; padding: 10px; }
    6.     #footer{border-collapse: collapse; width: 100%; position: fixed;  background-color:#eef; height: 59px; bottom: 0;}
    7.  
    8.  
    9. <table id="header">
    10.     <tbody>
    11.             <tr>
    12.                 <td style="width:40%"></td>
    13.                 <td style="width:30%"></td>
    14.                 <td style="width:20%"></td>
    15.                 <td style="width:5%"></td>
    16.                 <td style="width:5%"></td>
    17.             </tr>
    18.     </tbody>
    19.        <table id="boby">
    20.         <tbody>
    21.             <tr style="height: 0px;">
    22.                 <td style="width:40%; padding:0px; border: none"></td>
    23.                 <td style="width:30%; padding:0px; border: none"></td>
    24.                 <td style="width:20%; padding:0px; border: none"></td>
    25.                 <td style="width:5%; padding:0px; border: none"></td>
    26.                 <td style="width:5%; padding:0px; border: none"></td>
    27.             </tr>
    28.             <tr>
    29.                 <td></td>
    30.                 <td></td>
    31.                 <td></td>
    32.                 <td></td>
    33.                 <td></td>
    34.             </tr>
    35.             ...........
    36.             <tr>
    37.                 <td></td>
    38.                 <td></td>
    39.                 <td></td>
    40.                 <td></td>
    41.                 <td></td>
    42.             </tr>
    43.         </tbody>
    44.     </table>
    45.  
    46. <table id="footer">
    47.     <tbody>
    48.             <tr>
    49.                 <td style="width:40%"></td>
    50.                 <td style="width:30%"></td>
    51.                 <td style="width:20%"></td>
    52.                 <td style="width:5%"></td>
    53.                 <td style="width:5%"></td>
    54.             </tr>
    55.     </tbody>
    56.  
    57. </body>
    но выравнять ширину столбцов не реально.
    ширина должна быть в процентах!

    Перебрал очень много всяких скриптов и css решений но не одно не подошло как надо
     
  3. qwert_ukg

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

    С нами с:
    20 июл 2010
    Сообщения:
    387
    Симпатии:
    0
    Адрес:
    Алмата
    уверен что нужно подключить ява скрипт, но откуда копать - незнаю
     
  4. Апельсин

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

    С нами с:
    20 мар 2010
    Сообщения:
    3.645
    Симпатии:
    2
    нипанятна. что выравнивать.... что не так... какой яваскрипт
     
  5. MiksIr

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

    С нами с:
    29 ноя 2006
    Сообщения:
    2.339
    Симпатии:
    44
    Вы пробовали искать в гугле fixed ie6 ?