Wie die ganzen Sachen heißen ;D JEtzt habe ich ein Problem
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> our-pictures | Startseite </title>
<script type="text/javascript" src="lightbox.js"></script>
<style type="text/css">
div.design {
background-image: url(images/design.png);
position: absolute;
top:0px;
left:133px;
width: 1000px;
height: 1100px;
}
div.content {
position: absolute;
top:200px;
left:190px;
width: 800px;
height: 800px;
color:#000000;
}
div.navi {
background-image: url(images/navibg.png);
position: absolute;
top:18px;
left:162px;
width:940px;
height:65px;
}
div.navili {
position: absolute;
top:24px;
left:177px;
color:#000000;
}
.button {
display:block;
padding:13px;
float:left;
color:#FFFFFF;
text-decoration:none;
opacity:0.6;
height:25px;
}
.button:HOVER {
display:block;
padding:13px;
float:left;
color:#FFFFFF;
text-decoration:none;
opacity:0.6;
filter: alpha(opacity=60);
background:#000000;
height:25px;
}
</style>
</head>
<body bgcolor="#000000" link="#000000" vlink="#000000">
<div class="design">
</div>
<div class="navi">
</div>
<div class="navili" font-size="25">
<a href="index.html" class="button" border="0">Startseite</a><a href="gallery.html" class="button" border="0">Bilder Gallery</a><a href="aboutus.html" class="button" border="0">Über Uns</a>
</div>
<div class="content" width="800">
<h2>Herzlich Willkommen,</h2><br><h3>
hier, auf <i>our-pictures</i>, werden ein Freund und ich Wallpaper und andere Bilder veröffentlichen. Leider ist die Webseite noch im Aufbau und kann daher noch nicht vollständig benutzt werden. Wir bitten um Verständnis.<br><br>Eure Julian und Nhan</h3>
</div>
</body>
</html>
Irgend wie klappt es nicht das es Funktioniert hier der code den ich Einfügen muss :
HTML-Code:
<html>
<body>
<div id="nonFooter">
<div id="content">
</div>
</div>
<div id="footer">
</div>
</body>
</html>
und die css
Code:
{
height: 100%;
}
body
{
height: 100%;
}
#nonFooter
{
position: relative;
min-height: 100%;
}
* html #nonFooter
{
height: 100%;
}
#content
{
padding-bottom: 9em;
}
#footer
{
position: relative;
margin-top: -7.5em;
}