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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> В IE, DIV рисуется шириной в ~15px вместо 1 
V
    Опции темы
Royan
  Дата 28.5.2009, 02:49 (ссылка) | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Dreamer
***


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

Репутация: нет
Всего: 15
Internet Explorer не перестаёт удивлять новыми гранями. Ниже привожу пример проблемы:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=utf-8" />
<STYLE type="text/css">
UL {
    LIST-STYLE-TYPE: none
}

#topBar {
    PADDING: 0px;
    FONT-SIZE: 16pt;
    FLOAT: right;
    BACKGROUND-COLOR: gray;
    MARGIN: 0px;
    CURSOR: pointer;
    POSITION: relative;
    TEXT-ALIGN: right
}

#topBar LI {
    FLOAT: right
}

.topBarItem {
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 6px;
    COLOR: #ffffff;
    PADDING-TOP: 10px;
}

#qaContainer,.questionItem,.answerItem {
    width: 800px;
}

.questionItem {
    border-top: 4px solid #575757;
    border-left: 4px solid #575757;
    padding: 20px;
    background: #C3C3C3 url(/images/question_item_bg.png) repeat-x;
}

.answerItem {
    border-left: 4px solid #575757;
    padding: 20px;
    background: #F6F6F6 url(/images/answer_item_bg.png) repeat-x;
}

.qaSplitter {
    width: 844px;
    height: 1px;
    margin: 4px 0px;
    background-color: #C3C3C3
}
</STYLE>
</HEAD>
<BODY>
<DIV id="qaContainer">
    <DIV class="questionItem">Lorem ipsum dolor sit amet, consectetur adipisicing elit?</DIV>
    <DIV class="answerItem">Lorem ipsum dolor sit amet, consectetur adipisicing elit!</DIV>
    
    <DIV class="qaSplitter"></DIV>
    
    <DIV class="questionItem">
    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
    </DIV>
    <DIV class="answerItem">
    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
    </DIV>
</DIV>
</BODY>
</HTML>


Проблема в том что DIV class=qaSplitter имеет объявленную высоту в один пиксель, но вместо этого выводится явно бОльшего размера. Проблема существует только в IE и более нигде


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


Опытный
**


Профиль
Группа: Участник
Сообщений: 485
Регистрация: 2.10.2006
Где: Россия, г. Бироби джан ЕАО

Репутация: 3
Всего: 5
Royan, вот лично у меня в IE7 DIV class=qaSplitter он высотой ровно в 1px! smile 


--------------------
user posted image
PM MAIL ICQ   Вверх
ksnk
Дата 28.5.2009, 08:20 (ссылка) | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

.qaSplitter {
    width: 844px;
    height: 1px;
    margin: 4px 0px;
    background-color: #C3C3C3ж

    overflow:hidden;
/* font-size:1px ; line-height:1px; -- тоже помогает */
}



--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Royan
Дата 28.5.2009, 12:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Dreamer
***


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

Репутация: нет
Всего: 15
ksnk, Большое спасибо, помогло!


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


Бывалый
*


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

Репутация: 15
Всего: 15
ksnk, 
font-size:1px ; line-height:1px; -- не поможет
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

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


 




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


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

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