Panoramamann
Hallo,
kann mir bitte jemand bei der Positionierung des Footers helfen? Dieser soll immer mittig am unteren Rand dargestellt werden.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>...</title>
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
<style type="text/css">
<!--
body {
background-image: url(img/bg.png);
background-repeat: repeat-x;
background-color: #b2b2b2;
}
#apDiv {
position:absolute;
left:50%;
margin-left:-361px;
top:120px;
width:716px;
height:400px;
z-index:1;
background-image:url(img/center.png);
}
#apDiv1 {
position:absolute;
top:434px;
left:143px;
width:470px;
height:176px;
z-index:2;
}
#footer {
clear:left;
bottom:10em;
background:#efefef;
text-align:center;
padding:10px;
}
-->
</style></head>
<body>
<div id="apDiv">
<div align="center"><img src="img/fotos.png" width="716" height="313" />
</div></div>
<div id="footer">
<div align="center"><b>Und hier ist ein ganz einfacher Footer!</b>
</div>
</html>
kann mir bitte jemand bei der Positionierung des Footers helfen? Dieser soll immer mittig am unteren Rand dargestellt werden.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>...</title>
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
<style type="text/css">
<!--
body {
background-image: url(img/bg.png);
background-repeat: repeat-x;
background-color: #b2b2b2;
}
#apDiv {
position:absolute;
left:50%;
margin-left:-361px;
top:120px;
width:716px;
height:400px;
z-index:1;
background-image:url(img/center.png);
}
#apDiv1 {
position:absolute;
top:434px;
left:143px;
width:470px;
height:176px;
z-index:2;
}
#footer {
clear:left;
bottom:10em;
background:#efefef;
text-align:center;
padding:10px;
}
-->
</style></head>
<body>
<div id="apDiv">
<div align="center"><img src="img/fotos.png" width="716" height="313" />
</div></div>
<div id="footer">
<div align="center"><b>Und hier ist ein ganz einfacher Footer!</b>
</div>
</html>