divs werden nicht angezeigt

spacle · 17.01.2011

ich bin langsam am verzweifeln^^ also egal was ich mache, es werden keine div elemente angezeigt o_O

html code:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<META NAME="description" CONTENT="test">
<META NAME="abstract" CONTENT="test">
<META NAME="audience" CONTENT=" Alle ">
<META NAME="page-topic" CONTENT="test">
<META NAME="page-type" CONTENT="Bericht Reportage">
<META NAME="content-language" CONTENT="de">
<META NAME="revisit-after" CONTENT="30 days">
<META NAME="robots" CONTENT="index,follow">
<title>test</title>
<link href="styles.css" rel="stylesheet" type="text/css"/>
</head>

<body>
	<div id="test"></div>
</body>
</html>

css:

Code:

@charset "utf-8";
/* CSS Document */

body 
{
	background:#000;
}


a {
		color: #2ad441;
		text-decoration:none;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}



a:hover {
		color: #2ad441;
		text-decoration:underline;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}



a:visited {
		color: #55a72a;
		text-decoration:none;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.navi {
		font-size:1.2em;
		color: #ffffff;
		text-decoration:none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.navi li{
		font-size:1.2em;
		color: #55a72a;
		list-style:none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.navi a{
		color: #ffffff;
		text-decoration:none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.navi a:hover{
		color: #2ad441;
		text-decoration:underline;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.navi a:active{
		color: #.navi {
		font-size:1.2em;
		color: #2ad441;
		text-decoration:none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#test 
{
	background:#CC3;
	height:100px;
	width:100px;
	left:10px;
	top:20px;
	position:absolute;
}

das resultat is ein schwarzer bildschirm, wie ich es wollte, aber das div test wird nicht angezeigt

cebito · 17.01.2011

AW: divs werden nicht angezeigt

Code:

color: #.navi {

Was issn das für ne Farbe?

leohh · 17.01.2011

AW: divs werden nicht angezeigt

Absolut richtig so.

Schau mal bitte genau nach, was du bei .navi a:active notierst.
Ab dort bricht der Parser ab

Silvio · 17.01.2011

AW: divs werden nicht angezeigt

#test
{
background:#CC3;
}

Soll doch bestimmt "background-color:" heißen oder?

fexx · 17.01.2011

AW: divs werden nicht angezeigt

Silvio schrieb:

HTML:

#test 
{
    background:#CC3;
   }
[/CODE]

Soll doch bestimmt "background-color:" heißen oder?[/QUOTE]

das ist egal ... würde genauso gehen. ist nur die kurzschreibweise ;-)

spacle · 17.01.2011

AW: divs werden nicht angezeigt

ich sitze vor dem bildschirm und krieg fast nen lachkrampf, da hab ich tatsächlich
color: #.navi { geschrieben
OMG
ok verbessert und es funktioniert o_O

das is ja mal zum heulen^^ danke
hätte nicht gedacht, dass das in der weise den gesammten code "zerstört"