Wo ist der Fehler?

D

Dogwagon

Hallo glaub bin zu doof
ich finde dehn fehler nicht und zwar Offline mit Jedem Browser wird alles gut dargestellt nur Online zeigt er die schrift formation nicht an hir ma Quelltext

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=utf-8" />
<title>Dog and Baily</title>
<link href="dog.css" rel="stylesheet" type="text/css" />
<link href="Schrift.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	width:200px;
	height:auto;
	z-index:auto;
	left: auto;
	top: 0px;
	right: auto;
}
-->
</style>
</head>

<body>
<div id="wraper">

<div id="Home">
  <div id="apDiv1"><img src="Pic/LOGO.jpg" width="800" height="200" /></div>
  <h1 class="überschrift"><a href="/index.html" class="hyper">Home</a></h1>
  <p>Inhalt</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div id="New">
<h1 class="überschrift"><a href="/news.html" class="hyper">Whats New</a></h1>
</div>
<div id="Products">
<h1 class="überschrift"><a href="/products.html" class="hyper">Products</a></h1>
</div>
<div id="Forum">
<h1 class="überschrift"><a href="/forum.html" class="hyper">Forum</a></h1>
</div>
<div id="Partners">
<h1 class="überschrift"><a href="/partners.html" class="hyper">Partners</a></h1>
</div>
<div id="About">
<h1 class="überschrift"><a href="/about.html" class="hyper">About US</a></h1>
</div>
<div id="Contact">
<h1 class="überschrift"><a href="/contact.html" class="hyper">Contact</a></h1>
</div>
</div>
</body>
</html>
HTML:
###################### CSS datei 1 dog.css
@charset "utf-8";

* {
	margin: 0px;
	padding: 0px
	}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	background-color: #000000;	
	}#wraper {
	width: 800px;
	margin-top: 200px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #990033
	}#Home {
	background-color: #D90000;
	
	}#New {
	background-color: #D90000;
	
	}#Products {
	background-color: #D90000;
	
	}#Forum {
	background-color: #D90000;
	
	}#Partners {
	background-color: #D90000;
	
	}#About {
	background-color: #D90000;
	
	}#Contact {
	background-color: #D90000;

}

############################ css datei 2 Shrift.css
@charset "utf-8";

.überschrift {
	background-color: #990000;
	border: thick outset #000000;
	font-size: 16px;
	font-weight: bolder
}

.hyper {
	text-decoration: none;
	color: #000000
}
 
Hi,

der Fehler findet sich in dem Umlaut "ü" des Klassennamen überschrift.
Die Namen hinter dem Punkt können Sie frei vergeben, Sie dürfen jedoch

* keine [...] deutsche Umlaute enthalten

Das lokale Windows-System mag da noch geflissen d'rüber hinwegsehen, aber der Webserver (i.d.R ein UNIX-System) hält sich strikt an diese Konventionen, und verweigert den Umlaut, womit die enthaltene CSS-Regel auch keine Anwendung findet.

Siehe hierzu auch das Kapitel Konventionen für Dateinamen, wo dieselben Gesetzmäßigkeiten bzgl. der deutschen Umlaute gelten.

mfg Maik
 
Zurück