<hr>, width i Opera - problem Opcje

[.radex]

Zauważyłem pewien problem z użyciem width dla <hr> w Operze.

Posiadając styl:

Kod

hr{
 border: 5px solid #F7F5D4;
 width: 100%;
 margin: 0;
 margin-top: 8px;
}
#sidebar hr{
 border-color: #C7C5A4;
 margin: 5px auto;
 margin-left: -10px;
 width: 150px;


}

Opera ustawia szerokość na 160px (width+border-left+border-right);

firefox: 150px (width)

IE: 150px

Jak widać, to raczej Opera źle interpretuje CSS (choć może jest odwrotnie) - jak to naprawić?

[gekon]

[HTML] pobierz, plaintext 
<div class="hr">
 <hr />
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
div.hr hr { display: none; }
[HTML] pobierz, plaintext 

I zamiast dla hr ustawiasz style dla div.hr.

Ten post edytował gekon 13.01.2008, 12:24:32

[.radex]

no to jest rozwiązanie, ale wtedy sam <hr> nie ma sensu.

[gekon]

Ma, dla przeglądarek tekstowych i ze względów semantycznych.

[.radex]

Ach... w zasadzie to masz rację. Dzięki.