Haarlinien im Netscape ?

[druckspecht]

Hallo erstmal,

ich hab folgendes Problem:

ich will mit css eine Haarlinie darstellen, das klappt im IE auch ganz gut:

hr {
border-color: #FFFFCC #FFFFCC #333333;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}

dabei ist die obere Linie in der Hintergrundfarbe der Seite und die untere grau.
Also sieht man nur die untere und alles ist bestens.

Nur N E T S C A P E macht mir daraus immer 1px grau.

Liegts nun daran, dass Netscape(7.02) immer noch keine farbigen Linien darstellen kann oder gibts eine Lösung dafür.

Vielen Dank im Voraus für eure Hilfe.

 

[Quaese]

Hi,

ich benutze zum Erzeugen haarfeiner Linien immer eine Kombination aus DIV und
HR.

div.linie { border-width: 0px 0px 1px 0px;
            border-color: #333333;
            border-style: solid;
            font-size: 0pt;
            line-height: 0%;
            height: 0px;
            margin: 5px 0px;}
div.linie hr { display: none;}

Zunächst definiere ich eine CSS-Klasse für den Div-Bereich, die zum einen Angaben
zur Linie enthält (Position, Stärke, Farbe). Zum anderen wird dem Div-Container
die Höhe Null zugewiesen, damit er das Layout nicht stört. Mit Hilfe der margin-Eigenschaft
kann die Position zu den umgebenden Elementen festgelegt werden.

Das HR verstecke ich innerhalb des Div-Tags. Damit ist es nicht sichtbar, dient
jedoch noch immer als logische Textauszeichnung.

&nbsp;&nbsp;<div class="linie"><hr></hr>

Damit hatte ich bisher noch keine Anzeigeprobleme.

Ciao
Quaese

 

[druckspecht]

Besten Dank für die schnelle Antwort.

Damit hat sich auch gleich das zweite Problem erledigt:

Der Abstand von der Linie zum nachfolgenden Text.
(War im Netscape immer größer als im IE, jetzt nicht mehr.)