Firefox ignoriert CSS-Eigenschaften

Status
Nicht offen für weitere Antworten.
Ein kleines Update:

Folgendes habe ich nun festgestellt:
Auf meinem lokalen Server habe ich neben "localhost" mit der IP 127.0.0.1 einen weiteren virtuellen Server "work" mit der IP 127.0.0.2 eingerichtet, welcher auf das Verzeichnis "http://localhost/www" "zugreift" sowie einen virtuellen Server "server02" mit der IP 127.0.0.3.
Rufe ich mit FF die Seite über localhost/www/ oder server02 auf, zeigt er alles korrekt an, währrend wenn ich die Seite über work lade, er das Stylsheet nicht interpretiert.
Ich verstehe, ganz ehrlich gesagt, die Welt nicht mehr.
 
Das ist falsches CSS -_-
Richtig wäre:
Code: 
.nav a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #663300;
	text-decoration:none;
	
}
.nav a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #663300;
	text-decoration:none;
}
.nav a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	text-decoration:underline;
}
 
Äh... wie kommst du denn darauf? Das andere war schon richtig so, eine Klasse kommt immer nach dem Tag, dem sie zugeordnet ist, durch einen Punkt getrennt. Und nicht umgekehrt.
 
@Moritz123: schon mal so probiert?

Code: 
a.nav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #663300;
	text-decoration:none;
	
}

a.nav:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #663300;
	text-decoration:none;
	
}
a.nav:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #663300;
	text-decoration:none;
}
a.nav:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	text-decoration:underline;
}
 
So funktionierts bei mir einwandfrei.

Alternativ würd ich a:hover .nav probieren. Ist jaa das Pseudoformat a:hover das du formatieren willst und nicht nav:hover
 
Habs jetzt getestet.
HTML: 
<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
		<title>Test</title>
		
				<style type="text/css">
		<!--
		body {
			font-family: Tahoma,Verdana,Arial,sans-serif,Geneva;
			font-size: 12px;
			color: #cccccc;
			background-color:#003366
		}
		a:link, a:visited {
			color: white;
			text-decoration: none;
		}
		a:hover, a:active {
			color: #ff3300;
			text-decoration: none;
		}
		.text2 a:link, .text2 a:visited {
			color: blue;
			text-decoration: none;
		}
		.text2 a:hover, .text2 a:active { color: green; }
		
		a:link .text3, a:visited .text3 {
			color: red;
			text-decoration: none;
		}
		a:hover .text3 , a:active .text3  { color: yellow; }
		
		a.text4:link, a.text4:visited {
			color: purple;
			text-decoration: none;
		}
		a.text4:hover, a.text4:active  { color: black; }
		-->
		</style>
	</head>

	<body bgcolor="#ffffff">
		<div class="text1">Dies ist ein Text mit einem <a href="#">Link</a></div>
		<div class="text2">Dies ist auch ein Text, auch mit einem <a href="#">Link</a>. Diesmal aber in einem Div mit anderer Klasse.</div>
		<div class="text3">Dies ist auch ein Text, auch mit einem <a href="#">Link</a>. Diesmal aber in einem Div mit anderer Klasse.</div>
		<div class="text4">Dies ist auch ein Text, auch mit einem <a href="#">Link</a>. Diesmal aber in einem Div mit anderer Klasse.</div>
	</body>

</html>

.text a:hover { } ist das einzige das hier im Mozilla umgesetzt wird.
a:hover .text und a.text:hover gehen nicht.
 
Aber an der CSS kann es gar nicht liegen, sonst würde Sie ja generell nicht interpretiert werden. Das ist imho aber nicht der Fall.
 
Moritz123 hat gesagt.:
Aber an der CSS kann es gar nicht liegen, sonst würde Sie ja generell nicht interpretiert werden. Das ist imho aber nicht der Fall.
Zum Vergrößern anklicken....
Naja, so kann man das nicht unbedingt sagen, weil der IE mitunter auch definitiv falschen CSS Code interpretiert. Ich würde auch zu .nav a:hover neigen, da hover die Pseudoklasse des a-Elements ist.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück