Главная CSS-верстка

Тег <hr /> и кроссбраузерный отступ

Тег <hr /> и кроссбраузерный отступ

Сколько себя помню, во время верстки я не особо любил использовать тег <hr />, выводящий горизонтальную линию, по причине того, что в браузере Internet Explorer по сравнению с другими современными браузерами отступы (CSS-свойство margin) отличаются. Не знаю, почему я раньше не задавался целью найти ответ ...

Комментарии (26)

  1. Здравствуйте уважаемый, интересует такой вопрос:
    в чем заключается разница между «hr» и «hr /»?

    сюдаже:
    a href="ссылка">
    a href="ссылка" />
    a href='ссылка'>
    a href='ссылка' />
    a href=ссылка>
    a href=ссылка />

    ?

  2. Андрей, в соответствии с XHTML-стандартном все непарные теги должны содержать в конце слеш через пробел.

  3. Лично я использую hr (хоть и редко) в качестве разделителя или пустого дива со стилем clear: both.
    При этом, как правило я скрываю эту линию, а границы задаю дивам через border.
    Что касается «высоты» hr, то выяснилось, что она в какой-то мере зависит от font-size текста, в котором находится. Так например, если задать hr однопиксельный font-size (и line-height для верности), то ненужные отступы исчезают.

  4. Спасибо Максиму. Такую мелочь исправил, но все равно приятно)