Tachen,
ich hab heute Mittag erst richtig angefangen, HTML und CSS zu lernen und hab nun ein kleines Problem, wo ich aber schon seit 2 Stunden vergeblich nach einer Lösung suche...
Ich habe zwischen dem Menü und meinem Header einen zu großen Abstand, den ich irgendwie nicht weg bekomme. (Das ist nur eine Testseite ohne Inhalt)
Ich habe zwar schon mit sämtlichen "margin-werten" herumgetestet, es hat sich aber nichts an dem Abstand verändert. (falls es was hilft: http://enchanted4d.de/)
HTML:
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Startseite</title>
<link href="../css/design.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="website">
<div id="menue">
<ul id="navigation">
<li>Startseite</li>
<li>|</li>
<li>Sonstiges</li>
</ul>
</div>
<div id="header">
<h1>Meine Website</h1>
</div>
<div id="main">
<div id="content">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>CSS:
Code
body {
background-color:lightyellow;
text-align:center;
}
#website {
width:100%;
margin:0 auto;
}
#menue {
width:70%;
height:50px;
margin-left:15%;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:10px
}
ul#navigation {
margin-top:0;
padding:0.4em;
text-align:center;
background-color:#333333;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
ul#navigation li{
list-style:noxe;
display:inline;
margin:0.2em;
padding:0;
font-family:arial;
color:white;
font-weight:bold;
}
#header {
width:70%;
height:150px;
margin-left:15%;
margin-bottom:10px;
background-color:orange;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#header h1 {
padding-top:50px;
font-size:60px;
font-weight:bold;
font-family:arial;
color:white;
}
#main {
width:70%;
margin-bottom:10px;
margin-left:15%;
background-color:#333333;
height:300px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}Danke schonmal für alle Antworten!
Frohe Weihnachten und viele Grüße,
Marc