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:

Code :

1 2 3 4

<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:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

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

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

Code :

1	display:block

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


Vielen Dank!