könnte mir bitte jemand einen Tipp geben. Meine Fusszeile soll ganz nach unten. Aber es geht einfach nicht
Ich habe folgenden Html Code:
- Code: Alles auswählen
<!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>
<title>hier steht der titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style/style2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="aussen">
<div id="menue">
<ul>
<li><a href="#" title="Startseite">Startseite</a> </li>
<li><a href="#" title="Menu2">Menu2</a> </li>
<li><a href="#" title="Menu2">Menu2</a> </li>
<li><a href="#" title="Menu2">Menu2e</a> </li>
<li><a href="#" title="Kontakt">Kontakt </a> </li>
</ul>
</div>
<div id="box">
<div id="header">hier ist der kopfbereich für das logo</div>
<div id="banner">hier kommt ein bild hin</div>
<div id="maintop">
<ul>
<li><a href="#"> 1</a></li>
<li><a href="#"> 2</a></li>
<li><a href="#">3</a></li>
<li><a href="#"> 4</a></li>
</ul> </div>
<div class="content"><h1>dies ist eine überschrift</h1>heir steht jezt intahlajdflsjd dsfhöklsdhfhdsaouh jkdfhökash </div>
<div id="fusszeile">hier steht der footer</div>
</div>
</div>
</body>
</html>
und der css code sieht so aus:
- Code: Alles auswählen
/* CSS Document */
/*Farben: dunkelgruen=#316056 hellgruen=#b3c4c1 content=#d4dfda orange=#a14224*/
/* ------------- allgemeingültige Formatierungen ------------- */
* { margin: 0; padding: 0;}
img {
border: 0;
}
h1 {
font-size: 1.7em;
margin-bottom: 6px;
margin-top: 20px;
color: #a14224;
}
h2 {
font-size: 1.5em;
margin-top: 20px;
}
h3 {
font-size: 1.2em;
font-weight: bold;
margin-top: 10px;
}
hr {
border-top: 1px dashed #a14224;
border-bottom: #efefef;
}
a:link { color: #a14224; }
a:visited { color: #600; }
a:hover, a:active
{
color: #fff;
background-color: #B52C07;
}
html, body
{
font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
background-color: #b3c4c1;
height: 100%;
}
/* ------------- die gesamte box aussen drumherum zentriert------------- */
#aussen
{
margin: 0 auto;
width: 1000px;
height:100%;
min-height:100%;
background-color: #b3c4c1;
background-image: url(../blume.jpg);
background-repeat: no-repeat;
background-position: 880px bottom;
}
/* ------------- die innenbox ------------- */
#box
{
min-height: 100%;
height: auto !important;
height: 100%;
margin:0 120px 0 170px;
text-align: left;
background-color: #d4dfda;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
/* ------------- der kopfbereich ------------- */
#header
{
height: 90px;
background-color: #316056;
background-image: url(header.jpg);
background-repeat: no-repeat;
background-position: 0 0;
border-bottom: 1px solid #fff;
position: relative;
}
#banner
{
height: 132px;
border-bottom: 1px solid #fff;
}
/* ------------- die horizontalte navi ------------- */
#maintop
{
background-color:#b3c4c1;
color: #272900;
padding: 2px 0;
}
/* ------------- die hauptnavi ------------- */
#menue {
float:left;
text-align:right;
width:170px;
margin-top:280px;
padding: 0;
font-weight: normal;
}
/* ------------- der inhaltsbereich ------------- */
#content
{
font-size: 0.8em;
line-height: 1.8em;
padding:40px 20px 20px 40px;
float: left;
width: 700px;
}
#content p
{
line-height: 165%;
}
/* ------------- die fusszeile------------- */
#fusszeile
{
clear: both;
bottom: 0;
height: 20px;
background: #fff;
border-top: 1px solid #b8b8b8;
}
Ich wäre über einen Tipp sehr froh.
Herzlichen Gruß
