Тег <hr /> и кроссбраузерный отступ
Сколько себя помню, во время верстки я не особо любил использовать тег <hr />, выводящий горизонтальную линию, по причине того, что в браузере Internet Explorer по сравнению с другими современными браузерами отступы (CSS-свойство margin) отличаются. Не знаю, почему я раньше не задавался целью найти ответ ...
Комментарии (26)
Здравствуйте уважаемый, интересует такой вопрос:
в чем заключается разница между «hr» и «hr /»?
сюдаже:
a href="ссылка">
a href="ссылка" />
a href='ссылка'>
a href='ссылка' />
a href=ссылка>
a href=ссылка />
?
Андрей, в соответствии с XHTML-стандартном все непарные теги должны содержать в конце слеш через пробел.
Лично я использую hr (хоть и редко) в качестве разделителя или пустого дива со стилем clear: both.
При этом, как правило я скрываю эту линию, а границы задаю дивам через border.
Что касается «высоты» hr, то выяснилось, что она в какой-то мере зависит от font-size текста, в котором находится. Так например, если задать hr однопиксельный font-size (и line-height для верности), то ненужные отступы исчезают.
А можно сделать и без указания размера шрифта:
Меня верхний margin не нравиться. Хотя если подымать просто вверх её и -14 снизу. хмм… сейчас попробуем))
Спасибо Максиму. Такую мелочь исправил, но все равно приятно)