nicht angemeldet
Moin Moin.
In meiner Abschlussleiste der Seite (ende) übernimmt der div container keinerlei Definitionen mehr von css. Ich weis nicht wo der Haken ist, der das nicht zu lässt. Ich hab mich heute schon den ganzen Tag dumm und dämlich gesucht. Es geht wie gesagt um den div Container "ende". Auf der derzeitigen Seite sieht noch alles so aus, wie es sein soll. Projekt Eisenwald
Danke schon mal für die Hilfe.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Projekt Eisenwald</title>
<meta name="description" content="Präsentations- und Informationswebsite zum Projekt Eisenwald Schlacht um Bornhöved">
<meta name="keywords" content="Eisenwald, Bornhöved, Bornhoeved, Reenactment, Schleswig-Holstein, Isernhoe, 798, ">
<meta name="author" content="CrossWorlds">
<meta name="editor" content="html-editor phase 5">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="outside-container">
<div id="container">
<div id="navi-head">
<ul id="menu">
<li><a href="#">Start</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Blog</a></li>
</ul>
<ul id="right_menu">
<li><a href="#">Kontakt</a></li>
<li><a href="#">Partner</a></li>
</ul>
</div>
<div id="navi-body">
<div id="idea">
<h1><img src="images/014.GIF" /> Die Idee</h1>
Wie kam es zu der Idee und um was geht es dabei eigentlich?
</div>
<div id="battle">
<h1><img src="images/014.GIF" /> Kampf</h1>
Wie wird der gekämpft? Gibt es Regeln? Wer kann mitmachen?
</div>
<div id="slawen">
<h1><img src="images/014.GIF" /> Slawen</h1>
Wie und mit welchen Mitteln schlugen sie die Sachsen?
</div>
<div id="sachsen">
<h1><img src="images/014.GIF" /> Sachsen</h1>
Warum griffen sie an, Wie gingen sie vor und wie kam es zur Niederlage?
</div>
<div id="orga">
<h1><img src="images/014.GIF" /> Orga</h1>
Wer sind die Leute die das Event planen und organisieren?
</div>
</div>
<div id="news-body">
<div id="news-text">
<h1>Es ist vollbracht</h1>
Unsere neue Seite ist jetzt online. Wir freuen uns, euch nun alle Informationen,
rund um unser Projekt Eisenwald, in einem neuen Look präsentieren zu dürfen.<br> Ihr werdet hier
alles finden, dass wir bereits ausgearbeitet und herausgefunden haben und natürlich alles,
was wir noch herausfinden werden. Ihr könnt euch hier einen Newsletter bestellen, das Projekt
auf Facebook liken, uns kontaktieren, in unser Gästebuch schreiben oder unser Forum besuchen.
<p>Wir freuen uns auf viele Besucher, Kritik aller Art und rege Beteiligung in unserem Forum.</p>
Liebe Grüße<br>
eure Eisenwald-Orga
<h1>Es ist vollbracht</h1>
Unsere neue Seite ist jetzt online. Wir freuen uns, euch nun alle Informationen,
rund um unser Projekt Eisenwald, in einem neuen Look präsentieren zu dürfen.<br> Ihr werdet hier
alles finden, dass wir bereits ausgearbeitet und herausgefunden haben und natürlich alles,
was wir noch herausfinden werden. Ihr könnt euch hier einen Newsletter bestellen, das Projekt
auf Facebook liken, uns kontaktieren, in unser Gästebuch schreiben oder unser Forum besuchen.
<p>Wir freuen uns auf viele Besucher, Kritik aller Art und rege Beteiligung in unserem Forum.</p>
</div>
<div id="info-body">
<div id="newsletter">
</div>
<div id="facebook">
</div>
</div>
</div>
</div>
</div>
<div id="ende">
<img src="images/footer.png">
<span id="ende-text">
Made for a PSDTUTS and NETTUTS tutorial by Collis!
See the <a href="http://psdtuts.com">Photoshop Tutorial</a>,
see the <a href="http://nettuts.com">Web Tutorial</a>
</span>
</div>
</body>
</html>
/*
Hintergrundfarbe, Schriftart und Farbe
*/
body {
margin:0px; padding:0px;
background-color:#081107;
font-family: 'Open Sans', sans-serif;
color: white;
}
/*
Außenbox mit wiederholendem Hintergrund für rechte Erweiterung
*/
#outside-container {
background:url(images/background_slice.png) repeat-x #000000;
padding:1px;
}
/*
Box mit Hintergrundbild und inhalt. Feste Größe
*/
#container {
background:url(images/background_main.png) no-repeat;
min-height:800px;
width:1100px;
padding:1px;
}
/*
Navigation
*/
/*
Definition für den Kopf mit Externen Links
*/
#navi-head {
width:880px;
height:30px;
margin-top:214px;
margin-left:49px;
}
/*
Definition für die Liste der externen Links
*/
ul#menu {
margin:3px; padding:0px;
display:inline;
float:left;
margin-left:10px;
}
ul#right_menu {
margin:3px; padding:0px;
float:right;
display:inline;
margin-right:20px;
}
ul#menu li, ul#right_menu li {
margin:0px; padding:0px;
margin-left:10px;
list-style:none;
font-size:12px;
text-transform:uppercase;
display:inline;
}
ul#menu li a, ul#right_menu li a {
text-decoration:none;
color:#ffffff;
}
ul#menu li a:hover, ul#right_menu li a:hover {
text-decoration:none;
color:#7a9b7a;
}
/*
Definition für den Körper der internen Links
*/
#navi-body {
width:880px;
height:125px;
margin-left:50px;
margin-top:0px;
}
#idea , #battle , #slawen , #sachsen , #orga {
width:152px;
float:left;
margin-left:20px;
font-size:12px;
}
#orga {
margin-right:20px;
}
#idea h1, #battle h1, #slawen h1, #sachsen h1, #orga h1 {
margin-bottom:0px;
font-size:25px;
color:#008600;
}
#idea img, #battle img, #slawen img, #sachsen img, #orga img {
width:30px;
height:35px;
}
/*
Definition des Inhaltsbereiches für die Startseite inkl. Newsletterformular und Facebookbutton
*/
#news-body {
width:878px;
margin:20px 0px 50px 49px;
padding:1px;
}
#news-text {
width:550px;
margin: 10px 0px 0px 30px;
}
/*
Definition für den Footer inkl. Link Impressum und Alte Website
*/
}
#ende{
border-top:1px solid #3f2324;
padding:30px 50px 80px 50px;
color:#674f5d;
font-size:9px;
line-height:14px;
}
#ende img {
float:left;
margin-right:10px;
}
#ende-text span {
display:block;
float:left;
width:250px;
}
#ende-text a {
color:#9e8292;
text-decoration:none;
}
#ende-text a:hover { color:#ffffff; }
Matthias Apsel