• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Merkwürdiges Problem mit background-image in html

F

Family Goy

Neues Mitglied
Hi,
also ich habe das merkwürdigste Problem meiner CSS Zeit....
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>Control Panel &lowast; Willkommen</title>
<style>
	html {
		background-image:url('./images/leader.png');
		background-repeat:repeat-y;
	}
	body {
		background-color:#FFF;
		background-image:url('./images/header.png');
		background-repeat:repeat-x;
		margin:0px;
	}
</style>
</head>

<body>
	<div id="wrapper">
		<div id="header">
			<ul><li>asd</li></ul>
		</div>
	</div>
</body>
</html>
Seht selbst. Nun hat html padding-top ein paar Pixel.... Nimmt man das Hintergrundbild raus, ist alles wie erwartet... HÖ?

Browser: Alle

Lösen könnte man das Problem, in dem man hinter body gleich etwas schreibt, aber das ist unschön...

Irgendwelche Vorschläge, wie man das Problem lösen könnte?

Gruß
Family Goy
 
Ich habe jetzt nichts besonderes als lösung parat, aber wenne s so geht wie du meinst, mit dem schreibven hinters body tag, dann schreib da doch etwas in der selben farbe hin, die der hintergrund hat >.>
 
Sehr schlau, vor allem, wenn du mal in den CSS oder gar Überschrift kuckst: Hintergrundbild! -.-
Außerdem ist die Lösung nur etwas für Anfänger :shock:
 
Das nennt sich collapsing margins.
Zeige mal ein online-Beispiel.


Wenn keine Hintergrundfarbe / Bild für html gesetzt wurde wird der Hintergrund von body nach oben weitergereicht (html).
Wenn html selbst ein Hintergrundbild bekommt ist das nicht möglich.
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben