externes css geht nicht

Status
Nicht offen für weitere Antworten.

abanta

Mitglied
Hallo

ich habe da volgendes problem:
ich habe mir mit css ein Menü gebastelt und das geht auch wunderbar so lange ich das (den) <style ... direckt in der Seite einbinde.
PHP:
<style type="text/css">
#menu{
width:100%;
height:3.6em;
background:#E4E4E4;
border-top:0.05em solid #000000;
border-bottom:0.05em solid #000000;
border-left:0.05em solid #000000;
border-right:0.05em solid #000000;
}
ul, li, a{
margin:0;
padding:0;
display:inline;
}
ul{

background:#E4E4E4;
}
li{
line-height:1.8em;
position:relative;
padding:1px 0;
}
li.folder ul{
position:absolute;
left:0%;
top: +20px;
}
a{
padding:0 0 0 26px;
color:#000;
    font-family: arial;
    font-size: 9pt;
    font-weight: bold;
text-decoration:none;
background:transparent;
}
ul ul{
display:none;
}
li:hover ul{
display:inline;
}
li a.submenu{
background:transparent;

}
body { behavior:url("csshover.htc"); }
</style>
Da ich das aber auf mehreren Seiten einsetzen möchte habe ich den kompleten <style .. bis </style> in eine externe Datei kopiert mit dem Namen Navi.css gespeichert.
wenn ich nun diese Datei mit
PHP:
<link rel="stylesheet" type="text/css" href="Navi.css">
in die Seiten einbinden will bekomme ich plötzlich je nach Browser drei unter schitlich ergebnisse. nur bei Opera ist kein unter schid zusehn die anderen Browser sind IE und Firefox.

Ich hoffe mir kann irgend wer helfen.
Danke schon mal.
Abanta
 
Die rotmarkierten TAGs werden nicht in einer CSS-Datei notiert:

Code:
<style type="text/css"> 
#menu{ 
width:100%; 
height:3.6em; 
background:#E4E4E4; 
border-top:0.05em solid #000000; 
border-bottom:0.05em solid #000000; 
border-left:0.05em solid #000000; 
border-right:0.05em solid #000000; 
} 
ul, li, a{ 
margin:0; 
padding:0; 
display:inline; 
} 
ul{ 

background:#E4E4E4; 
} 
li{ 
line-height:1.8em; 
position:relative; 
padding:1px 0; 
} 
li.folder ul{ 
position:absolute; 
left:0%; 
top: +20px; 
} 
a{ 
padding:0 0 0 26px; 
color:#000; 
    font-family: arial; 
    font-size: 9pt; 
    font-weight: bold; 
text-decoration:none; 
background:transparent; 
} 
ul ul{ 
display:none; 
} 
li:hover ul{ 
display:inline; 
} 
li a.submenu{ 
background:transparent; 

} 
body { behavior:url("csshover.htc"); } 
</style>
 
Status
Nicht offen für weitere Antworten.
Zurück