Hallo erstmal ich habe mal wieder eine Frage/Problem und zwar
wollte ich einen footer erstellen wo anschrift etc. reinkommt. der soll sich unten am wrapper anordnen(s.Bild schwarzer strich) aber er ordnet sich direkt viel höher an WARUM??
Code
*{
margin:0;
padding:0;
}
#wrapper{
width:800.05px;
background:white;
margin:33px auto;
position: relative;
height:479px ;
border: solid thin blue;
}
#kopf{
background-image: url(bilder/kopf_2.gif);background-position: center;background-repeat: no-repeat;
height:110px;
}
#steuerung{
background-image: url(bilder/test.);background-repeat: no-repeat;background-position:center;
height:10px;
margin-top:3em;
width:100px;
float:left;
border-right: 2px solid #aaa;
padding-bottom:110px;
}
a{
text-decoration: none;
color:#007FFF;
}
a:hover{
color: blue;
}
li { display: block ;margin-top: 10px;
padding-left:1em;
padding-right:2em;
margin-right:10em;
font-family: cursive;
font-size: 15px;
height:20px;
line-height:10px;
}
#inhalt{
margin-top:2em;
margin-bottom:2em auto;
margin-left:3em;
background-color:white;
padding-left:5em;
padding-right:5em;
min-height: 250px;
max-width:1600px;
}
#f{
border-top: solid 1px blue;
}
Alles anzeigen
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" xml:lang="de" lang="de">
<head>
<title>Hair Hille - Ihr Friseur in Neuss/</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<link href="style_index.css" type="text/css" rel="stylesheet" />
</head>
<body bgcolor="#C0C0C0">
<div id="wrapper">
<div id="kopf"></div>
<div id="steuerung" align="center">
<ul>
<li><a href="index.html"> Home</a></li>
<li><a href="preise.html"> Kontakt</a></li>
<li><a href="kontakt.html">Anmeldung</a></li>
<li><a href="index2.htm"> index.htm</a></li>
</ul>
</div> <!-- ende steuerung -->
<div id="inhalt" >
<h4 align="center">Herzlich Willkommen bei ihrem Friseursalon Hair Hille</h4> <br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam id erat at tellus tincidunt mollis.
</div> <!-- ende inhalt -->
<div id="f">
test
</div>
</div> <!-- ende wrapper -->
</body>
</html>
Alles anzeigen
Danke schon mal Carsten