Выравнивание <hr> в разных браузерах

mars37

Новичок
Выравнивание <hr> в разных браузерах

Мой вопрос не касается php, связан он с "чистым" html.

Мне нужно получить горизонтальную разделительную линию шириной 450 пикселей, выравненную по левому краю окна браузера. Казалось-бы чего проще?
Ага! Пишу:
<hr width=450 align="left">
В IE 6.0 линия выравнена по левому краю
В Opera 8.5 линия выравнена по центру

Ладно думаю, не беда. Пишу:
<hr class="comm">
В файле стилей пишу:
hr.comm {float: left; left: 2px; width: 450px;}
Результат:
В Opera 8.5 линия выравнена по левому краю. Ура!
В IE 6.0 линия выравнена по центру :-(

Я много извращался, комбинировал (в том числе и <hr width=450 align="left"> + стили), но не смог добиться того, чтобы какой-то код одновременно в этих двух браузерах отображал линию выравненной по левому краю.

Как это сделать?
 

denver

?>Скриптер
<hr> идиотский тэг. Потому что очень сложно (а для некоторых случаев и невозможно) переопределить его стили так чтоб одинаково было везде. Проще плюнуть на него и заюзать <div class="line"></div>, кода больше, но зато меньше css и гемора. Может тут что выяснишь:
http://www.sovavsiti.cz/css/hr.html
 

Vladson

Сильнобухер
denver
Ты прав что невозможно переопределить, но не прав на то чтоб плюнуть...

Дело в том что это "стратегически" важный тег, он очень важен с в плане "семантики" кода...
 

denver

?>Скриптер
Vladson
В статье что я привел как раз и пришли к использованию:
<div class="hr"><hr /></div>
Но имхо с точки зрения семантики, а точнее логического форматирования <hr> тэг неясный. Он даже ближе к физической разметке, думаю что (никто не пострадает если) вскоре он станет deprecated.
 
Сверху