minicrispie: Abstände

Beitrag lesen

SELF-Forum

Abstände

minicrispie
– Informationen zu den Bewertungsregeln

Hallo,

Ich steh vor einem Rätsel!
Die Webseite liegt auf dem Localhost und wird mit php Erstellt, weswegen ich nur Quelltext posten kann und keine Demo( sorry ).
Hier mal der XHTML-Teil( valide ):

<!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">  
	<head>  
		<title>Christoph Ludwig ~ Startseite</title>  
		  
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
		  
		<link rel="shortcut icon" href="./img/favicon.ico" />  
		  
		<link href="./css/main.css" rel="stylesheet" type="text/css" />  
		<link href="./css/menu.css" rel="stylesheet" type="text/css" />  
  
		<link href="./css/content.css" rel="stylesheet" type="text/css" />  
	</head>  
	  
	<body>  
		<div id="webseite">  
			<img id="header" src="./img/header.png" alt="header" />  
			  
			  
			<ul id="menu">  
				<li class="aktiv"><a href="index.php">Startseite</a></li>  
				<li><a href="index.php">Über mich</a></li>  
  
				<li><a href="index.php">Projekte</a></li>  
				<li><a href="index.php">Gallery</a></li>  
				<li><a href="index.php">Forum</a></li>  
				<li><a href="index.php">Blog</a></li>  
				<li><a href="index.php">Kontakt</a></li>  
				<li><a href="index.php">Impressum</a><div /></li>  
  
			</ul>  
			  
			<div id="content">  
<p>Willkommen auf meiner Webseite!</p>  
  
			</div>  
		</div>  
		  
		<p id="footer">&copy; Christoph Ludwig 2009 &middot; <a href="admin.php">Adminlogin</a></p>  
  
	</body>  
</html>

Nun der CSS-Teil für das HTML-Gerüst( "main.css", auch valide ):

*{  
	font-family:Arial;  
	font-size:11pt;  
	color:#ccc;  
}  
html, head, body, img#header, div#webseite{  
	margin:0px;  
	padding:0px;  
}  
body{  
	background:#282828;  
}  
div#webseite{  
	width:1024px;  
	margin:0px auto 20px auto;  
	background:#181818;  
	border:1px solid #999;  
	border-top:none;  
}  
img#header{  
	height:150px;  
	width:100%;  
	margin-bottom:30px;  
	background:#000;  
	border-bottom:1px solid #999;  
}  
div#content{  
	padding:30px;  
}  
p#footer{  
	display:block;  
	width:1024px;  
	margin:auto;  
	text-align:center;  
}  
  
p#footer a:link, p#footer a:visited{  
	text-decoration:none;  
	color:#888;  
	font-size:10pt;  
}  
p#footer a:hover{  
	text-decoration:underline;  
}

Jetzt steh ich vor dem Problem, das oben ein sehr unschöner Abstand von 20 Pixeln ist. Nur kann ich mir den Abstand nicht erklären, da ja body und div#webseite beide keine Abstände haben( weder margin, noch padding ).

Kann mir jemand sagen, was da schief läuft?

MfG. Christoph Ludwig

--
Wo die Sprache aufhört, fängt die Musik an...
Selfcode:  sh:( fo:| ch:} rl:( br:> n4:? ie:{ mo:) va:} js:| de:> zu:) fl:( ss:) ls:&
Go to this
Beitrag melden
–
Informationen zu den Bewertungsregeln