<hr> Mozilla/IE

Hallo,

ich möchte eine <hr>-Trennlinie mittels CSS formatieren.
Ziel ist es das die Linue nur ein Pixel hoch ist und
in einer bestimmten Farbe angezeigt wird.
Das ganze sollte natürlich auf jedem Browser gleich aussehen.
Ich habe etwas rumprobiert und heraus kam folgender CSS Code.

Nun meine Frage geht das einfacher

hr
{
  background-color:#0000FF;
  border-width:0px;
  color:#0000FF;
  height:1px;
}

Bye Peter

AJ

Kommt drauf an, was davor bzw. danach ist. Bei einigen Tags kann man ja einen Rahmen anzeigen (border-bottom bzw. border-top). Damit würdest du dir den hr sparen. Ob das allerdings viel Sinn macht . Da du das normale Verhalten des hr änderst, würde ich an deiner Stelle sowieso einen anderen Tag verwenden, z. B. div mit einer Breite von 100% und deinen schon gemachten Angaben. Schließlich wird ja nur ein Strich von einem Pixel Höhe in blau angezeigt.

Hallo AJ,

ich möchte schon gerne <hr> verwenden.
Ob ich dann später direct das <hr>-Tag verändere
oder es so mache:

<hr class="...">

spielt erstmal keine Rolle.

Ich hatte bisher nur das Problem das die eine
Linie in Mozilla und IE unterschiedlich aussah.
Mozilla hatt da dann immer so einen 3D-Rahmen
ringsherum.

Daher wollte ich wissen ob jemand noch eine
einfachere Methode kennt damit die Linie
auch bei allen Browsern gleich aussieht.

Bye Peter.

AJ

Wie schon gesagt, verwende div o. ä.

<div style="backgound-color:#0000FF; width:100%; height:1px;"></div>

Die Funktion des hr ist nun mal einen Balken in die Anzeige zu machen.

Möglicherweise könnte noch ein border-style:none bei deinen CSS-Angaben was bringen für den hr, allerdings ist das nie so wirklich garantiert.

&lt;hr&gt; Mozilla/IE

<hr> Mozilla/IE