CSS проблема с IE - PullRequest
Новая
       18

CSS проблема с IE

2 голосов
/ 08 марта 2010

Пожалуйста, проверьте это:

http://img62.imageshack.us/img62/3598/ieff.png

почему это больше высоты, чем в FF .. я хочу, чтобы это было как FF в IE 

#message2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 105; 
    background-color: #034678;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    text-align: center;
    font-weight: bold;
        border-bottom: 2px solid #FFF;
  height: 26px;
  width: 100%;
} 

<div class="message2" id="message2" onclick="closeNotice2()" style="display: none">
Yo, <b><? echo $pusername; ?></b> - <? echo $_SESSION["user_message"]; ?> 
<a class="close-notify" onclick="closeNotice2()">X</a>
</div>

Когда я изменяю размер по высоте, он изменяется в FF, но в IE он остается того же размера ..?

Ответы [ 10 ]

5 голосов
/ 17 марта 2010

Вы пытались добавить line-height к вашему CSS?
Также css reset может помочь с полями по умолчанию и отступами.

2 голосов
/ 17 марта 2010

IE не будет учитывать ваш рост по умолчанию, если содержимое переполняет контейнер. Вы можете добавить overflow: hidden, чтобы он работал как FireFox.

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

2 голосов
/ 09 марта 2010

Internet Explorer имеет очень неприятный режим причуд, который активируется, когда кажется, что ваша веб-страница не соответствует стандартам W3C. В режиме причуда Internet Explorer имеет тенденцию отображать вещи, которые немного отличаются от других браузеров (для обеспечения совместимости со старыми сайтами, которые были написаны специально для странного движка рендеринга Internet Explorer). Один из способов заставить Internet Explorer думать, что ваша веб-страница действительно соответствует стандартам, - это вставить DOCTYPE в качестве первой строки каждой веб-страницы.

Для веб-страницы XHTML тип документа может быть: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Для веб-страницы HTML 4.0 это может быть: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
0 голосов
/ 24 марта 2010

Я успешно использовал этот сброс при возникновении проблем такого типа:

Обсуждение сброса CSS

0 голосов
/ 24 марта 2010

я бы попробовал установить дисплей: встроенный

Либо установите его на самом div, либо на содержимом div. Возможно, вам придется заключить содержимое в другой тег, например span.

Но, как говорили многие люди, вам нужно предоставить больше. больше кода больше картинок больше информации.

0 голосов
/ 23 марта 2010

Какую версию IE вы используете? IE6 и IE8 имеют большое значение, йо. Кроме того, без полного исходного кода HTML / CSS и / или общедоступного URL это трудно разрешить. Я попытался бы отследить проблему, используя панель инструментов разработчика IE, которую необходимо загрузить и установить вручную для IE6 / 7.

0 голосов
/ 23 марта 2010

Попробуйте добавить: 

zoom: 1;

к css. Это иногда заставляет IE принудительно заставить элемент hasLayout ...

0 голосов
/ 19 марта 2010

Добавить "переполнение: скрыто;" просто на случай, если содержимое растягивает div и удаляет все пробелы между закрывающим тегом div здесь и следующим элементом на вашей странице. Браузеры должны игнорировать пробелы между элементами, но на практике я обнаружил, что это не так.

0 голосов
/ 08 марта 2010

Internet Explorer в большинстве случаев имеет эти ошибки в режиме quirksmode.у вас есть действительный тип документа?используйте валидатор w3c:

http://validator.w3.org

edit:

пожалуйста, попробуйте удалить ненужные пробелы и новые строки. 

<div class="message2" id="message2" onclick="closeNotice2()" style="display: none">Yo, <b><? echo $pusername; ?></b> - <? echo $_SESSION["user_message"]; ?> <a class="close-notify" onclick="closeNotice2()">X</a></div>
0 голосов
/ 08 марта 2010

Мы не знаем, как выглядит ваша разметка #message. Это H1 или H2 или что-то в этом роде? Если это так, вы можете захотеть сбросить такие стили контейнера, чтобы они имели поля: 0 и отступ: 0. Различные браузеры интерпретируют эти элементы tag-soup по-разному.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...