Hi zusammen, ich habe folgende Codes erstellt:
Lasse ich nun meinen HTML Text (die Links) raus, sieht alles wunderbar aus. Sobald ich diese allerdings pflegen, verrutsch meine Nav Zeile und ich sehe die rote Farbe des wrappers. Kann mir jemand einen Tipp geben, was ich falsch mache? Danke Euch
HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" type="text/css" rel="stylesheet">
<title>Test</title>
</head>
<body>
<div id="wrapper">
<div id ="header">
</div><!--schlie?en header-->
<div id="nav">
<ul>
<li><a href="#">?ber uns</a></li>
<li><a href="#">Planungsleistungen</a></li>
<li><a href="#">Zeichenarbeiten</a></li>
<li><a href="#">Referenzen</a></li>
<li><a href="#">Thermografie</a></li>
<li><a href="#">Energieeffizienz</a></li>
<li><a href="#">Partner</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</div><!--schlie?en nav-->
<div id="content">
</div>
<div id="footer">
</div>
</div><!--schlie?en wrapper-->
</body>
</html>
Code:
#wrapper
{
margin-left:auto;
margin-right:auto;
margin-top:0px;
background-color: red;
width: 900px;
height: 680px;
}
#header
{
background-color: purple;
width: 900px;
height: 100px;
}
#nav
{
background-color: yellow;
height: 25px;
width: 900px;
}
#content
{
background-color: green;
width: 900px;
height: 530px;
}
#footer
{
background-color: pink;
width: 900px;
height: 25px;
}
