Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Абсолютно позиционированный UL занимает место, будто он статичный. В IE. 
:(
    Опции темы
Greendrake
Дата 7.8.2007, 12:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 364
Регистрация: 14.7.2005

Репутация: 3
Всего: 6
Код:
Код

<!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=UTF-8">
        <title>IE Position Fuck</title>
        <style type="text/css">
            body {background: white;}
            ul {position: absolute;}
            ul, li {
              margin: 0;
              padding: 0;
            }
            li {list-style-type: none;}
            #li1 {background: brown;}
            div {background: #777;}
        </style>
    </head>
    <body>
        <ul>
            <li id="li1">
                <div>111111111111111111</div>
                <ul>
                    <li>
                        <div>222</div>
                    </li>
                </ul>
            </li>
        </ul>
    </body>
</html>


Отображение в IE6 и FF2:

user posted image

Как видим, в IE второй UL занимает место (растягивает родительский LI, что видно по его коричневому бэграунду), несмотря на то, что он абсолютно позиционирован. Почему и как его заставить не занимать место?
PM MAIL   Вверх
japanes
Дата 7.8.2007, 13:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7
указать top для ul.
PM MAIL   Вверх
Greendrake
Дата 7.8.2007, 13:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 364
Регистрация: 14.7.2005

Репутация: 3
Всего: 6
Цитата(japanes @  7.8.2007,  13:00 Найти цитируемый пост)
указать top для ul

Как именно? Пробовал, не помогает.
PM MAIL   Вверх
japanes
Дата 7.8.2007, 13:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7
Код

ul {position: absolute; top:20px;} /* так, например */
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0406 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.