CSS. margin для <hr>

Найч

Алгоритмик :-)
CSS. margin для <hr>

Здравствуйте!

Задаю стиль для линий:
hr {margin: 0px 0px 0px 0px;}
Тестовый код:
<hr><hr><hr><hr><hr>

При этом Mozilla замечательно отображает пять линий четко одну за другой без пропусков, а ИЕ5.5 стабильно добавляет немного "пустого места" над и под каждой линией. Если написать
hr {margin: 5px 0px 0px 0px;}
то этот "просвет" увеличится.
Надо добиться поведения ИЕ, подобного Мозилле.

Посмотрел на w3c, но кроме маргина никаких свойств не нашел.
Есть ли какой-то фокус для ИЕ или как вариант вместо линий мудрить с ячейками таблиц по 1 пикселю высотой?
 

Кром

Новичок
<hr> - это один из самых неуправляемых тегов при кросброузерной верстке. Ничего хорошего сделать с ним с помощью стилей не получиться.
Так что делай либо с таблицами либо с gif полоской высотой в 1px. Гарантированно будет работать везде.
 

Найч

Алгоритмик :-)
Спасибо :)
Дело в том, что поведение таблиц несколько различно в ИЕ и Мозилле (при задании высоты), а при отключенной графике неработает как хотелось бы однопиксельный гиф.
Короче, все ясно.
 

Найч

Алгоритмик :-)
Shadow(MX)
Прости, но если я правильно помню, спэйсер - это собственный метод нетскэйпа, к тому же это средство для "пустоты", а надо было изобразить линию.
Вот мозилла и кладет на него... Как и ИЕ.
 

IL78

Guest
Где-то я видел что-то вроде такого:
PHP:
<img src="spacer.gif" height="1" width="100%" ... style="background-color:#xxxxxx">
По идее, должно фурычить и при отключенной графике...
 

shade11

Guest
капец, руки...
<hr size="1" noshade>

чем не в один пиксел?
 

Найч

Алгоритмик :-)
капец, глаза -> dev/null

shade11
попробуй, пожалуйста, свой вариант в ие, потом прочитай внимательно мой вопрос. Все станет ясно ))
 

shade11

Guest
Найч
в 6.0 работает на "ура"... пробовал...
у меня правда еще в стилях было прописано...
 

Найч

Алгоритмик :-)
shade11
ИЕ 6.0 XP sp1 с прописанными стилями (как указано выше) - результат отрицательный.
Выложи скриншот - я хочу на это посмотреть
 

Shadow(MX)

Новичок
Автор оригинала: Найч
Shadow(MX)
Прости, но если я правильно помню, спэйсер - это собственный метод нетскэйпа, к тому же это средство для "пустоты", а надо было изобразить линию.
Вот мозилла и кладет на него... Как и ИЕ.
Так помести его в табличку, бэкгр. проставь и все.
Кстати ИЕ его прекрасно понимает, и опера, и мозила.
 

Найч

Алгоритмик :-)
Shadow(MX)
Код:
<table border=0 bgcolor="red" cellpadding=0 cellspacing=0>
  <tr><td><spacer type="block" width="100" height="1">
</table>
мозилла ок, ие null.
К слову, задача давно решена, это я из спортивного интереса.
 

fixxxer

К.О.
Партнер клуба
<style type="text/css"><!--
.hr { width:100%; height:1px; background-color:red; }
--></style>

...................

<div class="hr"></div>

....
 

Shadow(MX)

Новичок
Автор оригинала: Найч
Shadow(MX)
Код:
<table border=0 bgcolor="red" cellpadding=0 cellspacing=0>
  <tr><td><spacer type="block" width="100" height="1">
</table>
мозилла ок, ие null.
К слову, задача давно решена, это я из спортивного интереса.
<table width=100 border=0 cellpadding=0 cellspacing=0 bgcolor="red">
<tr><td><spacer type="block" width="100" height="1">
</table>

Ие - Ок :cool:
Просто надо было ширину таблицы проставить, ослик это любит. :)
 
Сверху