Die index.html der Seite, die ich gerade im aufbauen bin, missachtet die Syntax des CSS-Files.
Die Index.html
Das dazugehörige CSS-File
Ich konnte keinen Fehler finden, der dafür verantwortlich sein könnte.
Die Index.html
Code:
<?xml version="1.0"?>
<!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">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Beispielseite</title>
<style type="text/css" rel="stylesheet" href="styles/style.css" media="screen"/></style>
</head>
<body>
<div id="container">
<div id="header">
<h1><a href="index.html" title="Zur Startseite"></a></h1>
<blockquote>
<h2>Beispieltext</h2>
<p>Beispieltext</p>
</blockquote>
<ul id="navi">
<li><a href="philosophie.html" title="Philosophie" id="philosophie">Philosophie</a></li>
<li><a href="leistungen.html" title="Leistungen" id="leistungen">Philosophie</a></li>
<li><a href="referenzen.html" title="Referenzen" id="referenzen">Philosophie</a></li>
<li><a href="kontakt.html" title="Kontakt" id="kontakt">Philosophie</a></li>
</ul>
</div>
</div>
</body>
</html>
Das dazugehörige CSS-File
Code:
@charset "UTF-8";
/* -------------------------------------------------------------------------------------- */
/* ---------------------------------------| Reset |------------------------------------- */
/* -------------------------------------------------------------------------------------- */
* {
margin:0;
padding:0;
}
ul, ol, dl { list-style:none; }
/* -------------------------------------------------------------------------------------- */
/* -----------------------------------| Global Tags |--------------------------------- */
/* -------------------------------------------------------------------------------------- */
html {
height:100%;
background:#47382e;
}
body {
height:100%;
background:url(../images/bg-body.jpg) 0 0 repeat-x;
font-family:Tahoma, Arial, sans-serif;
font-size:12px;
}
/* -------------------------------------------------------------------------------------- */
/* ----------------------------------| Global Classes |------------------------------ */
/* -------------------------------------------------------------------------------------- */
.clear {
float:none;
clear:both;
}
/* -------------------------------------------------------------------------------------- */
/* ------------------------------------| Container |--------------------------------- */
/* -------------------------------------------------------------------------------------- */
#container {
position:relative;
width:800px;
margin:0 auto;
}
/* -------------------------------------------------------------------------------------- */
/* --------------------------------------| Header |----------------------------------- */
/* -------------------------------------------------------------------------------------- */
#header {
position:relative;
width:800px;
height:264px;
background:url/../images/logo.jpg] 0 0 no-repeat;
}
/* -------------------------------------| Branding |----------------------------------- */
#header h1 a {
position:relative:
text-indent:-9999px;
}
/* ---------------------------------------| Claim |------------------------------------- */
#header blockquote {
position:relative:
text-indent:-9999px;
}
/* -------------------------------------------------------------------------------------- */
/* --------------------------------| Navigation Main |----------------------------- */
/* -------------------------------------------------------------------------------------- */
ul#navi {
position:absolute;
top:264px;
background:url(../images/bg-navijpg) 0 0 no-repeat;
}
ul#navi li {
float:left;
text-indent:-9999px;
}
ul#navi li a {
background:url(../images/menu-complete.jpg) no-repeat;
height:47px;
display:block;
}
Ich konnte keinen Fehler finden, der dafür verantwortlich sein könnte.