Stefan: Import-Problem (Vermischung von zwei StyleSheets) DIV

Beitrag lesen

Hallo,

ich versuche gerade, mit

<link rel="stylesheet" type="text/css" href="netscape4.css">
<style type="text/css">
<!--
 @import url("format.css");
-->
</style>

zwei verschiedene Stylesheet für eine HTML-Datei zu verwenden.

Anfangs ist die "netscape4.css" eine Kopie von "format.css". Wenn ich jetzt in der "netscape4.css" einen Wert ändere, so wirkt sich das allerdings AUCH (!) z.B. im Internet Explorer (6) aus, obwohl sich dieser Browser nur auf die "format.css" beziehen sollte!

Ich verstehe nicht, wieso dass so ist! Dieses Beispiel zur Trennung von CSS-Dateien wird auf vielen CSS-Hilfe-Webseiten empfohlen.

Es geht um die Formatierung/Ausrichtung des DIV-Elements:

<div id="nav">
    (Inhalt)
</div>

Hier noch der Ausschnitt aus der "format.css" (IE und andere):

#nav {
 float: left;
 width: 142px;
 height: 400px;
 padding-top: 9px;
 padding-left: 16px;
 background-image: url(../img/vertikal.gif);
 background-repeat: no-repeat
}

---------------------------------------------------

Hier der Ausschnitt der "netscape.css":

#nav {
 z-index: 5;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 142px;
 height: 400px;
 background-image: url(../img/vertikal.gif);
 background-repeat: no-repeat
}

Gruß,
  Stefan