Hallo, folgendes was ich immer noch nicht ganz verstehe und zwar hab jetzt dem Inhalt gemacht und dass dann in CSS Definitionen gemacht, bei der HTML Datei ist der Inhalt unter der Navigation und er sollte mit der Navigation aufschließen also dass kein Abstand dazwischen ist, normal müsste dass der Befehl in CSS margin-bottom sein, also der Abstand zum anderen Element. Geht aber nicht, hab es dann anders probiert und zwar hab ich dann den Inhalt in der HTML Datei vor die Navigation gemacht und dann mit float: right; und margin-top ohne Erfolg, dass bei mir immer die Elemente nicht aufschließen, ist für mich irgendwie nicht ganz klar, was ich da immer in der CSS Datei falsch mache?
Index.html
HTML
<!doctype html>
<html>
<head>
<title>Aiizo</title>
<link href="./design.css" type="text/css" rel="stylesheet" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" />
<meta name="content-language" content="de" />
<meta name="author" content="Christian Huml" />
<meta name="publisher" content="Christian Huml" />
<meta name="copyright" content="Christian Huml" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="page-topic" content="" />
<meta name="page-type" content="" />
<meta name="language" content="Deutsch" />
<meta name="revisit" content="After 7 days" />
<meta name="robots" content="INDEX,FOLLOW" />
</head>
<body>
<div id="head">
</div>
<ul id="navigation">
<li> <a href="index.html">Home</a></li>
<li> <a href="banner.html">Stundenbanner</a></li>
<li> <a href="entwickler.html">Entwickler</a></li>
<li> <a href="agb.html">AGB</a></li>
<li> <a href="impressum.html">Impressum</a></li>
</ul>
<div id="inhalt">
</div>
</body>
</html>CSS
Code
* {
margin: 0;
padding: 0;
}
body {
font-family: Arial, sans-serif, Verdana;
}
/* Kopfbereich --------------------------------------------------------------------------*/
div#head {
margin-top:18px;
margin-left:18px;
margin-right:18px;
background: url(images/header.gif);
visibility: visible;
height: 130px;
background-repeat: no-repeat;
}
/* Navigation ---------------------------------------------------------------------------*/
#navigation {
background: url(images/menu_1.png) repeat-x;
overflow: hidden;
height: 130px;
margin-left:18px;
margin-right:18px;
}
#navigation li {
float: left;
list-style-type: none;
}
#navigation a:link, #navigation a:visited {
color: #fff;
display: block;
text-decoration: none;
font-size: 14px;
padding: 11px 15px 11px 15px;
}
#navigation a:hover, #navigation a:active {
color: #000;
background-color: #fff;
display: block;
text-decoration: none;
font-size: 14px;
padding: 11px 15px 11px 15px;
}
/* Inhalt ----------------------------------------------------------------------------*/
div#inhalt {
height:130px;
background:#00B1FF;
margin-left:18px;
margin-right:18px;
margin-bottom:10px;
}