Warum verschiebt sich die Navi. wenn ich ein bild einfüge?
http://img33.imageshack.us/img33/3281/fehlerv.png
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>WebDesign</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="css.css" type="text/css" rel="stylesheet" />
</head>
<body bgcolor="#EFEEE1">
<div id="wrapper">
<!-- layout ecken anfang -->
<div id="eckero">
<div id="ecker"></div>
<div id="mitte"></div>
<div id="eckeul"></div>
<div id="eckeur"></div>
</div>
<!-- layout ecken ende -->
<div id="header"></div>
<div id="header2"></div>
<div id="navi">
<ul>
<li><a href="index.html" class="navi"> Home</a></li>
<li><a href="preise.html" class="navi"> Angebote</a></li>
<li><a href="kontakt.html" class="navi">Kontakt</a></li>
<li><a href="index2.htm" class="navi"> index.htm</a></li>
<li><a href="index2.htm" class="navi"> index.htm</a></li>
<li><a href="index2.htm" class="navi"> index.htm</a></li>
</ul>
</div>
<div id="inhalt"></div>
</div>
</body>
</html>Code
*{
margin:0;
padding:0;
}
#wrapper{
width:900px;
height:800px;
margin-top:5%;
margin-bottom:5%;
margin-left:5.5%;
background-color:white;
}
#ecker{
background-image: url(bilder/ecke_rechts.jpg);background-repeat: no-repeat;
height:207px;
}
#mitte{
background-image: url(bilder/mitte.jpg); background-repeat: repeat-y;
height:400px;
margin-top:-7px;
}
#eckeul{
background-image: url(bilder/eckeul.jpg);background-repeat: no-repeat;
height:200px;
}
#eckero{
background-image: url(bilder/eckero.jpg);background-repeat: no-repeat;
background-position:right top ;
height:108px;
}
#eckeur{
background-image: url(bilder/eckeur.jpg);background-repeat: no-repeat;
height:125px;
background-position: right bottom;
margin-top:-125px;
}
#header{
background-image: url(bilder/kleinerBaum.jpg); background-repeat: no-repeat;
height: 200px;
background-position: center;
margin-left:-301px;
margin-top:-100px;
}
#header2{
background-image: url(bilder/test.jpg);background-repeat: no-repeat;
height:600px;
margin-left:460px;
margin-top:-100px;
}
#navi{
margin-left:57px;
margin-top:-10px;
}
li{
list-style: none;
display: block;
margin-top:5px;
}
a.navi{
text-decoration:none;
color:white;
font: Arial;
font-size:24px;
}
a:hover{
text-decoration: overline underline
}Danke schon mal
Bis dann Carsten
