[CSS] und [XHTML] IE und Firefox stellen nicht dar

bodo2005 · 4. März 2006

Habe gerade mal angefangen auf XHTML umzusteigen mit CSS.
Bin dabei eine neue Website mit diesem doch schon bald Standard auszustatten. Leider werden keine CSS Eigenschaften erkannt vom IE und Firefox. Nur Opera zeigt alles super an. Woran liegt dies?
Weiterhin wird einfach "background-repeat: no-repeat;" ignoriert... Warum das?

XHTML Datei:

Code:

<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE 	html
		PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		 	"http://www.w3.org/TR/xhtml1/DTD/xhtml-1strict.dtd"
>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Junge Nationaldemokraten - Her mit dem schönen Leben!</title>
<link rel='stylesheet' type='html/css' href='css.css' />
<meta name="author" content="Bodo" />
</head>
<body>
	<div class="div_big">

		  Testnews

	</div>
</body>
</html>

CSS Datei:

Code:

body
				{
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			background-image: url(bg.jpg);
			backround-repeat: no-repeat;
				}
				
div.div_big
				{
					font-size: 8pt;
					font-family: Arial;
					position:absolute;
					left: 87px;
					top: 28px;
				}

curex · 4. März 2006

Hi,

kleiner Fehler

Ersetze einfach

Code:

<link rel='stylesheet' type='[B]html[/B]/css' href='css.css' />

durch

Code:

<link rel='stylesheet' type='[B]text[/B]/css' href='css.css' />

Edit: nochmal ein kleiner Fehler

Du hast in deiner CSS-Datei ein 'g' bei 'background-repeat' vergessen.

Kampfgnom · 4. März 2006

Mein Tipp:
http://jigsaw.w3.org/css-validator/
und
http://validator.w3.org/

Damit kannst du solche kleinen Fehler selber suchen

bodo2005 · 4. März 2006

Vielen Dank an euch, merk mir die Adressen

EDIT:
Hat jemand eine Idee, warum der Text jeweils im IE und Opera/Firefox größer dargestellt wird, d.h. die Layer...!?

Code:

body
				{
        	padding: 0 0 0 0px;
        	margin: 0 0 0 0px;
        	background-image: url('bg.jpg');
        	background-repeat: no-repeat;
				}
				
div.div_big
				{
					position:absolute;
					left: 87px;
					top: 23px;
					width: 742px;
				}
				
div.div_aktuelles
				{
					text-indent: 25px;
					width: 270px;
					height: 15px;
					
				}	
				
a.aktuelles, a.aktuelles:visited, a.aktuelles:link
				{
				font-size: 8pt;
				font-family: Arial, sans-serif;
				text-decoration: none;
				color: #000000;
				}		
				
a.aktuelles:hover, a.aktuelles:active
				{
				font-size: 8pt;
				font-family: Arial, sans-serif;
				text-decoration: underline;
				color: #000000;
				background-color: transparent;
				}

Layer ist jeweils so aufgebaut:

Code:

<div class="div_aktuelles">
                  <img src='square.jpg' /> <a href='test.html' class='aktuelles'>Testnews</a>
          </div>

bodo2005 · 5. März 2006

Habe mal noch ein Problem:

HTML:

div.div_nav
				{
					position: absolute;
					left: 362px;
					top: 228px;
					width: 380px;
					height: 25px;
				}

Dieser Layer wird aber mit der Hintergrundfarbe schwarz gefüllt, warum??? (Meine anderen Layer nicht, woran kanns liegen?)

Suche

[CSS] und [XHTML] IE und Firefox stellen nicht dar

bodo2005

Lt. Junior Grade

curex

Cadet 2nd Year

Kampfgnom

Lt. Commander

bodo2005

Lt. Junior Grade

bodo2005

Lt. Junior Grade

Ähnliche Themen