Hallo,
irgendwie kann ich das Bild, unten und zentriert am Rand, nicht positionieren. Irgendwas mache ich falsch...
Brauche eure Hilfe!!!
HTML
<!doctype html>
<html>
<title>Startseite</title>
<head>
<meta charset="utf-8">
<style type="text/css">
#div2 {
background-image: url(head.jpg);
background-repeat:no-repeat;
bottom:0px;
left:0px;
height: 35px;
width: 397px;
}
#div5groß{
width: 795px;
height: 409px;
border:5px inset;
position: absolute;
color: white;
font-family:Candara;
font-size:30pt;
left: 282px;
top: 110px;
text-align:center;
z-index:0;
border-left:none;
border-right:none;
}
ul#navigation {
margin: 74px 0px 0px 274px ;
padding: 0px 0px 10px 0px;
list-style-type: none;
z-index:1;
left: 282px;
}
ul#navigation li {
float:left;
padding: 0px;
margin: 0px;
width: 10%;
text-align:center;
z-index:1;
border: 5px inset;
color:white;
font-family:Candara;
font-size:20px;
}
#div0 {
background: url(lion.jpg) no-repeat;
height: 291px;
position: fixed;
width: 400px;
bottom:0px;
left:0px;
z-index:0;
}
#div1 {
background: url(lionr.jpg) no-repeat;
height: 291px;
position: fixed;
width: 400px;
bottom:0px;
right:0px;
z-index:0;
}
</style>
</head>
<body bgcolor="black">
<div id="div2"></div>
<div id="div0"></div>
<div id="div1"></div>
<ul id="navigation">
<li><a>Startseite</a></li>
<li><a>Startseite</a></li>
</ul>
<div id="div5groß">Herzlich Willkommen<br /></div>
</body>
</html>