Как создать div высотой 1 пиксель в IE8 - PullRequest
Новая
       18

Как создать div высотой 1 пиксель в IE8

2 голосов
/ 06 августа 2011

У меня есть следующий код для создания линии высоты 1px: 

<div style="width:300px; height:1px; background-color:#ff3300; margin-top: -1px;"></div> <!-- top red line -->

Код отлично работает в Firefox, однако в IE8 он отображается в виде строки высотой 10 пикселей или около того. Как я могу заставить IE учитывать указанную высоту?

Edit:

  • Я только что попытался установить для свойства min-height значение 1px, но это тоже не сработало.
  • max-height игнорируется IE тоже
  • Установка line-height на 1 не помогает

Почему IE игнорирует все мои правила CSS?

Ответы [ 5 ]

9 голосов
/ 06 августа 2011

Просто установите размер шрифта на 1 пиксель; IE ограничивает высоту этого div размером шрифта.

1 голос
/ 18 апреля 2012

@ Laurent , если вы все еще не можете получить желаемый 1px div, несмотря на использование height:1px; line-height:1px; шрифт: обычный 1px / 1px arial; вам может потребоваться проверить DTD (определение типа документа) в верхней части кода вашей веб-страницы. Вы можете попробовать это: 

<!DOCTYPE HTML>
<html>
...
</html>
0 голосов
/ 06 августа 2011

Мое предложение: это проблема с полосой прокрутки браузера.Просто положите тело {поле: 0;padding: 0;} Вы не можете видеть строку во всех браузерах.

Стрелка вверх полосы прокрутки IE7, опускающая эту строку.

0 голосов
/ 06 августа 2011

Трудно сказать без контекста ... кроме сброса отступа до 0, это может иметь отношение к другим элементам (возможно, выше). Особенно, если они плавают. Может также попытаться прояснить: оба; Также убедитесь, что он не имеет дисплея: встроенный; где угодно ... Это блок по умолчанию, и он должен быть блоком.

Это действительно тыкает в темноте без контекста.

0 голосов
/ 06 августа 2011

Установите line-height и font-size на 1 пикс.

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

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

...