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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> IE6 проблемы с width:auto 
:(
    Опции темы
Royan
  Дата 14.12.2008, 04:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Dreamer
***


Профиль
Группа: Участник Клуба
Сообщений: 1708
Регистрация: 14.9.2002
Где: Лондон

Репутация: нет
Всего: 15
Проблема иллюстрируется на следующем примере:

Код

<!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>Title</TITLE>
    <STYLE type="text/css">
    #cont {
        position: absolute;
        background-color: olive;
    }
    
    #inner {
        height: 40px;
        border: 1px solid black;
    }
    </STYLE>
    </HEAD>
    <BODY>
        <DIV id="cont">
            <DIV id="inner">text</DIV>
        </DIV>
    </BODY>
</HTML>


Во всех браузерах кроме IE ширина DIV#cont примерно равна ширине внутреннего слоя DIV#inner. В IE DIV#cont растянут на весь экран...

Вопрос: Как сделать так, чтобы DIV#cont был растянут только на ширину DIV#inner?


--------------------
Открыта вакансия Junior Java Developer'а в нашем лондонском офисе, подробнее можно узнать здесь
PM MAIL MSN   Вверх
blah
Дата 14.12.2008, 11:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

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

#inner{
    height: 40px;
    border: 1px solid black;
    float:left;
}
PM MAIL ICQ   Вверх
Royan
Дата 14.12.2008, 13:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Dreamer
***


Профиль
Группа: Участник Клуба
Сообщений: 1708
Регистрация: 14.9.2002
Где: Лондон

Репутация: нет
Всего: 15
blah, Спасибо, но в моем случае это не помогло, потому что я не учел некоторых доп. условий, выполняющихся у меня. Внизу уточняющий пример. Суть уточнений в том, что слой DIV#inner имеет ширину и выровнен посередине с помощью margin: 0px auto. Возможно ли теперь в IE6 уменьшить ширину DIV#cont без явного указания ширины?

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<STYLE type="text/css">
#cont {
    FLOAT: left;
    BACKGROUND-COLOR: gray;
} 
#inner {
    MARGIN: 0px auto;
    WIDTH: 200px;
    BACKGROUND-COLOR: olive;
}
</STYLE>
</HEAD>
<BODY>
<DIV id="cont">
<DIV id="inner">
</DIV>
</DIV>
</BODY>
</HTML>




--------------------
Открыта вакансия Junior Java Developer'а в нашем лондонском офисе, подробнее можно узнать здесь
PM MAIL MSN   Вверх
blah
Дата 14.12.2008, 18:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

Репутация: 15
Всего: 17
Твой margin:0 auto; в ie6 растягивает внешний блок на 100%. Лучше просто избегать таких конструкций.
PM MAIL ICQ   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

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


 




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


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

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