div container ohne zwischenraum

[Detlef G.]

Hallo julifx

beispiele siehe link: grafik wird 4 mal wiederholt und immer ist ein leerraum vorhanden - wie gesagt nur im ie
wie geht der weg ?

habe
margin: 0 ;
padding: 0 0 0 0;

Das geht kürzer (padding: 0;), dürfte aber nichts bewirken, weil dies die Standardwerte für Divs sind.

  <div id="gfx" class="gfx">  
 <img src="Bilder/head-D-Prod-willkommen.gif" >  
  </div>  

Du hast hier eine ganze Reihe von Whitespaces (Leerzeichen, Tabs, Zeilenwechsel), die zu jeweils einem Leerzeichen verkürzt dargestellt werden und IMG ist ein Inlineelement und steht Textfluss auf der Grundlinie des Textes. Dabei berücksichtigt der IE auch die Unterlängen (z.B. bei p, q, g, j), selbst dann, wenn kein Text vorhanden ist.
Du könntest die Whitespaces entfernen, das Bild mittels vertical-align passend ausrichten oder ihn mit display:block zu einem Blockelement machen, welches sich dann nicht um diese kümmert, weil es ja einen eigenen Block bildet und nicht im Textfluss steht.

Auf Wiederlesen
Detlef