За последние 24 часа нас посетили 17734 программиста и 1280 роботов. Сейчас ищут 1452 программиста ...

Помогите с высотой DIV - весь мозг проел

Тема в разделе "HTML и CSS", создана пользователем dervish00, 18 дек 2007.

  1. dervish00

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

    С нами с:
    2 ноя 2007
    Сообщения:
    7
    Симпатии:
    0
    Есть код:
    Код (Text):
    1.  
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    3.  
    4. <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
    5.  
    6. <head>
    7.   <title>TEST</title>
    8.   <style type="text/css">
    9.     html, body {
    10.       margin: 0px;
    11.       padding: 0px;
    12.       border: 0px;
    13.     }
    14.     body {
    15.       color: #000;
    16.       background: #999;
    17.       font-family: Georgia, "Times New Roman", Times, serif;
    18.       text-align: center;
    19.     }
    20.     #delimetertop {
    21.       position: relative;
    22.       width: 800px;
    23.       height: 10px;
    24.       background: url(delim-top.gif) top left repeat-x scroll;
    25.       border: 0px;
    26.       margin: 0px;
    27.       padding: 0px;
    28.     }
    29.  
    30.     #delimeterbottom {
    31.       position: relative;
    32.       width: 800px;
    33.       height: 10px;
    34.       background: url(delim-bottom.gif) top left repeat-x scroll;
    35.       border: 0px;
    36.       margin: 0px;
    37.       padding: 0px;
    38.     }
    39.  
    40.   </style>
    41. </head>
    42.  
    43. <body>
    44. <div id="delimetertop"></div><div id="delimeterbottom"></div>
    45. </body>
    46.  
    47. </html>
    (это вырезанный кусок из большого кода - но полностью рабочий)

    картинки, используемые в delimetertop и delimeterbottom размера 10х10 пикс.
    Этими делиметерами должны отделяться шапка и подвал от основного текста.
    В IE 7 все прекрасно работает, а в IE 6 под каждым делиметером появляется отступ в 8 пикс.
    Если делать высоту дивов больше 10 (даже больше 18, т.к. высота уже 18 ) то она увеличивается, а если уменьшать - то нет (опять же применительно к IE 6 - в IE 7 работает).

    Почему и как с этим бороться?
     
  2. Demon

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

    С нами с:
    20 апр 2006
    Сообщения:
    239
    Симпатии:
    0
    dervish00: Если еще актуально, то font-size: 0; для обоих делиметеров.
     
  3. dervish00

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

    С нами с:
    2 ноя 2007
    Сообщения:
    7
    Симпатии:
    0
    Спасибо за ответ. Но неактуально. Решилось все с помощью: overflow: hidden;