✔ Abstand zwischen den DIV

Tangarama · 11. November 2007

Angenehmes Wochenende,

ich komme einfach nicht auf die Lösung meines Problems.
Vielleicht weiss einer von Euch wie ich diesen nervigen Abstand (siehe Anhang) zwischen kopf und body wegbekomme.

Hier der Code vom HTML:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link rel="styleSheet" type="text/css" media="screen" href="http://www.blafasel.de/main.css" />
	<title>Testpage</title>
</head>
<body>
<div id="kopf"> Header
</div>
<div id="body">
<h1>Test</h1>
</div>
</div>
</body>
</html>

Hier der CSS-Code:

HTML:

html { 
		height: 100%;
}

body {
		height: 100%;
		margin: 0px;
		padding: 0px;
		color: #444;
		background: #DAE7F0 url('../Images/background.jpg') repeat-x fixed;
}

#kopf {
	height: 151px;
	background: url('../Images/Rahmen.png') no-repeat;
	padding: 14px 5px 0px 5px;
}

#body {
	background: url('../Images/background2.png') repeat-y;
	padding: 0px 5px 0px 5px;
}

im Voraus besten Dank für Eure Hilfe
JCB

Maik · 11. November 2007

Hi,

erweiter das Stylesheet mit der folgenden Regel, um die Polsterungseigenschaften des h1-Elements auf null zu setzen:

Code:

#body h1 { 
margin:0; 
padding:0; 
}

oder global für alle im Dokument enthaltenden Elemente:

Code:

* {
margin:0;
padding:0;
}

Übrigens fehlt nach der Dokumenttyp-Deklaration das <html>-Tag, dafür hast du aber ein </div>-Tag zuviel im Dokumentkörper notiert.

Tangarama · 11. November 2007

Genial! Danke!
Hast mir Stunden an Zeit damit gespart (und Zeit fehlt mir momentan wie verrückt) und gleich etwas Grundwissen eingebleut.
Was das überschüssige Div-Tag angeht... Na ja, Test eben

Ganz großes Dankeschön und ein schönes Restwochenende
JCB

✔ Abstand zwischen den DIV

Tangarama

Mitglied

Anhänge

Maik

Tangarama

Mitglied

Neue Beiträge