Hallo,
ich bin gerade dabei eine Webseite zu bauen und möchte das ganze mittig haben.
Aber irgendwie klappt das nicht.
Ich habe schon alles ausprobiert und finde leider den Fehler nicht.
Wäre nett wenn mal jemand drüber schauen kann und mir sagen kann woran es liegt.
Danke.
Code
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Dillwiesenschule</title>
<link rel="stylesheet" href="schule.css" type="text/css">
</head>
<body>
<header>
<h1><span class="blau">Dill</span><span class="grun">wiesen</span>
<span class="rot">s</span><span class="gelb">c</span><span class="rot">h</span><span class="gelb">u</span>
<span class="rot">l</span> <span class="rot">e</span><span class="normal"> Ehringshausen</span></h1>
<div id="logo"> <img src="bilder/Main/LOGO_Schule.jpg" alt="Logo" width="80" height="74"></div>
<strong>Pestalozzistrasse 5a, 35630 Ehringshausen, 06443 9461</strong>
</header>
<nav>
<div id="navi">
<ul>
<li><a href="index.htm">Startseite</a></li>
<li><a href="neues.htm">Neues/Aktuelles</a></li>
<li><a href="schule.htm">Schule</a></li>
<li><a href="forderverein.htm">Förderverein</a></li>
<li><a href="lehrer.htm">Lehrer</a></li>
<li><a href="aktionen.htm">Aktionen</a></li>
<li><a href="konzept.htm">Pädagogisches Konzept</a></li>
<li><a href="kontakt.htm">Kontakt</a></li>
</ul>
</div>
</nav>
<div id="schule"> <img src="bilder/Main/Schule.png" alt="Schule" width="800" height="535"></div>
<div id="neues">Neues aus der Dillwiesenschule</div>
<footer>
Copyright Dillwiesenschule Ehringshausen
</footer>
</body>
</html>
Alles anzeigen
und der CSS Code:
Code
@charset "UTF-8";
/* CSS Document */
* {
padding:0px;
margin:0px;
}
body {
background-color:red;
text-align:center;
}
#inhaltsbereich {
background-color:yellow;
}
#mittig {
margin: 0 auto;
}
header, nav, footer {
display:block;
}
header {
background-color:#ECE8CB;
width:1000px;
text-align:center;
}
#logo {
float:right;
}
.blau {
color:#0000FF;
}
.grun {
color:#006600;
}
.rot {
color:#FF0000;
}
.gelb {
color:#FFFF00;
}
.normal {
color:#000066;
font-family:Tahoma, Geneva, sans-serif;
font-weight:bold;
}
h1 {
font-size:28pt;
font-family:Comic Sans MS, Tahoma, Geneva, sans-serif;
font-style:italic;
padding-left:20px;
float:left;
}
.adresse {
color:#000066;
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
font-style:italic;
text-align:right;
}
strong {
color:#000066;
text-align:right;
font-style:italic;
font-size:14px;
font-weight:bold;
padding-left:550px;
}
#navi {
text-align:left;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:15px;
font-family:Tahoma;
font-color:#0066FF;
font-style: italic;
}
#navi ul {
list-style:none;
}
#navi li {
float:left;
margin-left:15px;
with:90px;
}
#navi a:link {text-decoration:none;}
#navi a:visited {text-decoration:none;}
#navi a:focus {text-decoration:none;}
#navi a:hover {text-decoration:none;}
#navi a:active {text-decoration:none;}
#schule {
float:left;
margin-bottom:50px;
}
#neues {
color:#666666;
background-color:#CECAB1;
width:160px;
height:300px;
border-radius:20px;
padding-left:10px;
float:right;
}
footer {
width:1000px;
background-color:blue;
clear:both;
}
Alles anzeigen