✔ Unerwünschter Abstand zwischen zwei Elementen bei XHTML Strict

[luke_the_duke]

Hallo,

ich habe folgendes Problem:
Ich muss derzeit eine XHTML Transitional-Seite auf Strict 1.1 trimmen und hab das auch gut und valide hinbekommen, nur einen kleinen Layout-Fehler krieg ich nicht klein:
Zwischen zwei Layern hab ich einen 2px-grossen Abstand, der bei der Transitional-Version in keinem Browser auftrat. Ich hab nun schon etwa zum tausendsten Male das gesamte Dokument auf unerwünschte Leerschläge u.ä. geprüft und habe nichts gefunden.


Der Auszug in HTML:

<div class="page">
	<div style="margin: 0px; padding: 0px;"><a href="/irgendwas.php"><img src="pics/bild.jpg" border="0" alt="Irgendein Bild" class="newsticker" width="826" height="47"/></a></div>
	<div class="content">Hier folgt der eigentliche Seiteninhalt</div>
</div>

Und hier die CSS-Klassen:

body {
	margin:				0px;
	padding:			0px;	
	background-color: 	#CED3D7;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#000;
}

.page {
	position:relative;
	width: 				826px;
	margin:				0px auto;
	padding:			0px;
}

.content {
	width: 				826px;
	height:				472px;
	position:			relative;
	margin:				0px;
	padding:			0px;
}

img.newsticker {
	width: 				826px;
	height:				47px;
}

Hat jemand eine Idee, woher dieser Abstand kommen könnte?

gruss

 

[Gumbo]

Stelle mal das a- und das img-Element innerhalb des div-Elements als Block-Level-Elemente dar:

display:block

 

[luke_the_duke]

Ich musste zwar nachher die Elemente neu absolut positionieren, aber das eigentlich Problem ist gelöst.


Vielen Dank!