Главная

Как растянуть элемент li в IE ?

Для комментирования войдите или зарегистрируйтесь
3 ответа [Последнее сообщение]
29.04.2007 17:31
Shader
Аватар пользователя Shader
Не в сети
Студент
Зарегистрирован: 15.10.2005
Сообщения: 706
Баллы: 729
Как растянуть элемент li в IE ?

Код:
Цитата
li.my
{
margin:auto;
padding-top:15px;
font-weight: bold;
background-color: #00FF00;
list-style:none;
background-color: #FF0000;
}

Цитата

  • Пункт1

    • Под Oper'ой элемент

  • полностью займёт доступное пространство (правильно отработает width:auto;), а под InternetExplorer'ом - нет : элемент
  • займёт только пространство требуемое для текста.

    • Как научить IE тоже растягивать

  • до размеров ячейки ?

    • Потолок
    Теги:
    30.04.2007 11:43
    #1
    забыл_пароль
    Аватар пользователя забыл_пароль
    Не в сети
    Гражданин
    Зарегистрирован: 29.10.2005
    Сообщения: 1414
    Баллы: 1427
    Как растянуть элемент li в IE ?

    "Shader" пишет:

    Как научить IE тоже растягивать

  • до размеров ячейки ?

    • В осле очень много косяков, так что пожалуй делай так:

    <table><br />
<tr><br />
<td class="my" style="background-color: #00FF00;"><br />
<li >Пункт1</li><br />
</td><br />
</tr><br />
</table>
    Если можно... если нет, то можно тоже самое с div - тебе обязательно li ?

    Потолок
    30.04.2007 16:44
    #2
    Shader
    Аватар пользователя Shader
    Не в сети
    Студент
    Зарегистрирован: 15.10.2005
    Сообщения: 706
    Баллы: 729
    Как растянуть элемент li в IE ?

    Я разобрался с проблемой:
    сделал параметры width и height у

  • больше 100%, а к добавил overflow:hidden. Решение не оптимальное, зато работает...

    • забыл_пароль, всё равно спасибо.

    Потолок
    28.05.2007 08:26
    #3
    chapel
    Аватар пользователя chapel
    Не в сети
    Студент
    Зарегистрирован: 24.04.2007
    Сообщения: 498
    Баллы: 652
    Re: Как растянуть элемент li в IE ?

    всё нормально работает в осле. возможно другие заданные классы перекрывают значения для li. проверь весь код. а ещё можно попробовать так

    li.my
    {
    margin:auto;
    width:auto !important;
    padding-top:15px;
    font-weight: bold;
    background-color: #00FF00;
    list-style:none;
    background-color: #FF0000;
    }

    Потолок

    Настройки просмотра комментариев

    Выберите нужный метод показа комментариев и нажмите "Сохранить установки".
    Для комментирования войдите или зарегистрируйтесь