Показано с 1 по 3 из 3

Тема: Растяжение родительского блока для float в IE6

  1. #1

    Регистрация
    26.02.2007
    Адрес
    Украина, Запорожье
    Сообщений
    58
    Будьте добры, господа, помогите, пожалуйста! А то что-то уж голова не варит. Давно не верстал, а вот кинулся, так удивился, что IE6 растягивает по высоте родительский блок за плавающим дочерним! Основная задача: сделать так, чтобы страница в IE6 выглядела так же, как и в нормальном браузере. Примеры прилагаются. Спасибо заранее.

    Пример: [Только зарегистрированные пользователи могут видеть ссылки. ]

    Код:

    Код:
    <html>
    <head>
    <style type="text/css" rel="stylesheet">
    #one {
    ****width: 1000px;
    ****background: #c0c0c0;
    }
    #two {
    ****float: left;
    ****display: inline;
    ****width: 100px;
    ****height: 100px;
    ****background: gray;
    }
    </style>
    </head>
    
    <body>
    <div id="one">
    ****<div id="two">
    ****</div>
    ****123
    </div>
    </body>
    </html>
    Скрины.
    FF: [attachment=8462:ff.png]
    IE6: [attachment=8463:ie6.png]

  2. #2

    Регистрация
    26.02.2007
    Адрес
    Украина, Запорожье
    Сообщений
    58
    Кстати, было замечено, что при использовании «нормального» режима (забыл верное название) браузера, IE8 отображает страницу как нужно:
    Код:
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

  3. #3

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    «IE6 растягивает по высоте родительский блок за плавающим дочерним» только в том случае, если этому родительскому блоку назначено hasLayout. И IE7 ведет себя аналогичным образом.

    Основная задача: сделать так, чтобы страница в IE6 выглядела так же, как и в нормальном браузере.
    Достичь такого эффекта можно только при отсутствии hasLayout у родительского блока.

    Кстати, было замечено, что при использовании «нормального» режима (забыл верное название) браузера, IE8 отображает страницу как нужно
    Если Вы подразумеваете под «нормальным режимом» Standards Mode, то приведенный Вами пример кода будет являться «нормальным» только для IE7 и IE8. Для IE6 он будет являться как раз-таки совершенно НЕнормальным, т.к. любая инструкция по обработке документа (processing instruction) неминуемо вгоняет IE6 в Quirks Mode.

Похожие темы

  1. Ответов: 4
    Последнее сообщение: 13.08.2009, 09:31
  2. Ответов: 2
    Последнее сообщение: 09.08.2009, 23:33
  3. Поднять блок выше родительского в мозилле
    от Грин в разделе Вёрстка сайта
    Ответов: 10
    Последнее сообщение: 20.09.2007, 00:21
  4. Высота родительского блока в FF и Opera
    от Рёга в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 26.06.2007, 14:19
  5. высота div блока
    от EDuard в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 15.03.2006, 20:04

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •