IE6 & CSS. Нужна ваша помощь

Тема в разделе "Веб-дизайн", создана пользователем Kshadoo, 22 сен 2008.

Статус темы:
Закрыта.
Модераторы: zek24
  1. Kshadoo

    Kshadoo Создатель

    Регистр.:
    23 июн 2008
    Сообщения:
    28
    Симпатии:
    5
    Работаю с css версткой недавно, и столкнулся с такой проблемой. Приведу простой код:
    Код:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <title>IE sucks</title>
    <style>
     #black {
     width: 930px;
     height: 1px;
     border: 1px solid black;
     }
     #green {
      width: 930px;
      height: 1px;
      border: 1px solid green;
      }
    </style>
    </head>
    <body>
    
      <div id="black"></div>
       <div id="green"></div>
       
    </div>
    </body>
    </html>
    Эти две таблицы отображаются в IE6 так:
    [​IMG]

    Хотя высота указана в 1px. Опера и огнелис показывают как надо. Где косяк? Как исправить?
    Благодарю за ответы.
     
  2. sotee

    sotee Создатель

    Регистр.:
    10 июл 2008
    Сообщения:
    17
    Симпатии:
    5
    Добавь в описание стиля overflow:hidden;
     
  3. shell

    shell Прохожие

    Не , это не поможет.



    Это известный баг. По каким то причинам IE оставляет минимум height 10px или 18px в пустом слое.

    Чиним так:
    1. font-size: 1px;

    Или

    2. Меняем DOCTYPE на 1.0 Transitional
     
  4. FoxSash

    FoxSash Прохожие

    Меняй на следующий код
    <div id="black"><!-- --></div>
    <div id="green"><!-- --></div>
     
Статус темы:
Закрыта.