Hallo,
wie bekomme ich den Abstand zwischen Header und Trennbalken weg/verringert? (Pfeil rechts im Bild)
[Blockierte Grafik: http://www.imagebanana.com/img/c0tr1j3a/thumb/123.png]
P.S
Der Header ist in Html da es zum Inhalt gehört (Logo)
Danke
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Titel</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="" />
<link href="style.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div id="kopf">
<img src="Bilder/Header.png" border="0" height="151" width="1000" alt="" />
</div>
<div id="trennbalken">
</div>
<div id="wrapper">
<div id="steuerung">
Steuerung
</div>
<div id="inhalt">
Inhalt
</div>
<div id="spaltelinks">
Spalterlinks
</div>
<div id="spalterechts">
Spaltelrechts
</div>
<div id="fuss">
Fuss
</div>
</div>
</body>
</html>Code
* {
margin: 0;
padding: 0;
}
body {
text-align: center;
}
#wrapper {
background-color: #590505;
width: 1000px;
margin: 0 auto;
text-align: left;
}
#kopf {
}
#trennbalken {
background-image: url(Bilder/TBalken.png);
width: 1000px;
height: 7px;
}
#steuerung {
background-image: url(Bilder/Navio.png);
width: 1000px;
height: 48px;
}
#inhalt {
background-color: #008000 ;
margin-left: 170px;
margin-right: 170px;
}
#spaltelinks {
background-color: #FF0000;
width: 165px;
float: left;
}
#spalterechts {
background-color: #0000FF;
width: 165px;
float: right;
}
#fuss {
background-color: #000000;
width: 1000px;
}
