Fare un HR compatibile con vari browser via CSS

Un problema che avevo affrontato più volte quello di un <hr> che potesse funzionare sia su Internet Explorer sia su Firefox.

Purtroppo non l’avevo ancora "archiviato" nel blog, quindi mea culpa e procedo.

Niente di particolare, è necessario procedere con la ridefinizione del HR nel CSS. Volendo potremo dichiarare una classa (es HR.miaLinea) e poi richiamarla con <hr class="miaLinea" />)

hr {

border: 0;
height: 3px;
color: #F5F5F5;
background-color: #F5F5F5;

}

Con questo semplice metodo creeremo una linea orizzontale di 3px di altezza di colore #F5F5F5.
Difatti <hr> in Internet Explorer prende il colore dall’attributo color mentre su firefox lo prende da background-color.

 

Un ringraziamento a David Hucklesby, l’autore del primo link che ho trovato sull’argomento, peraltro correttissimo!

Loading Facebook Comments ...

2 pensieri su “Fare un HR compatibile con vari browser via CSS

  1. Giacomino Spithil

    Ecco, grazie. Mi ero fatto un menù per navigare all’interno di un mio CD tramite Frontpage per guadagnare tempo ma ora devo rifare tutto perchè mi ero dimenticato che con Firefox/Opera poi non si visualizza correttamente la HR. Grazie per il suggerimento

    Rispondi

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *