Ulrich Leipold: <img> innerhalb von <div> werden im IE nicht angezeigt

Schönen guten Abend allerseits.

Ich vermute mal, ich habe ein CSS-Problem (vielleicht ist es aber auch ein IE-Problem), das Eurer Hilfe bedarf. Ich bin zwar öfters auf den Kopf gefallen, aber ansonsten eigentlich nicht begriffsstutzig, trotzdem kriege ich es nicht hin. Ich konnte auch nichts Entsprechendes im Web und hier im Archiv finden.

Aber zum Thema: für einen Freund erstelle ich gerade seine Firmenwebseite. Dort liegt innerhalb eines <div>-Tags ein <img>, welches im Opera6/7 und Mozilla 1.x angezeigt wird, in IE 5.x und 6.x jedoch nicht.

Eine statische Version der Seite (die php-Links funktionieren auf meinem php-freien Webspace natürlich nicht) habe ich hier hochgeladen, ebenso die zugehörige css-Datei:

http://www.leipold-net.de/wiesodasdenn/test.html
http://www.leipold-net.de/wiesodasdenn/Standard.css

Kann mir jemand den entscheidenden Tip geben?

Danke im Voraus für Eure Hilfe.

  1. Hallo,
    ja, das hatte ich auch schonmal.
    Das bild ist auch im IE da nur liegt es hinter der navigation,
    lösche mal den <div id="navigation"> komplett und das bild sollte erscheinen.
    Das hängt irgendwie mit dem position:relative des content div zusammen.
    Was genau du jetzt machen musst, damit es auch im ie klappt, kann ich dir nicht sagen.

    Ich würde da gar nicht mit position arbeiten sondern dem #navigation
    ein float:left; geben und den #content dann halt herumfliessen lassen
    und mit margin-left:...; auf abstand bringen, funktioniert wunderbar
    und ist für deine seitenaufteilung recht gut geeignet.

    Gruss, Jan aus Dresden

    1. Ich würde da gar nicht mit position arbeiten(...)

      Danke, das war der entscheidende Hinweis. Nebenbei hatte ich beim entsprechenden margin auch noch links mit rechts verwechselt. Ich schreibe jetzt hundertmal "Links ist, wo der Daumen rechts ist". Vielleicht klappts dann ;)

      Merksatz: margin-left ist NICHT gleich margin-right

      Peinlich, aber ansonsten läufts. Kenne übrigens Deine fractatulum-Seite, gefällt mir ausgezeichnet.

      Dankbare Grüße aus dem schönen Steinau ins [bestimmt fast genauso schöne ;) ] Dresden.
      Ulli

  2. Hi Ulrich,
    Ein css Problem ist es nicht, wohl eher ein IE-HTML(Ich binzu blöd zum rendern)-Problem.
    Entferne doch mal das align-attribus aus dem IMG-TAG oder änderes es in "center" oder "right".

    Das Bild ist da, es versteck sich nur, und wenn du <div id="navigation"> ausklammerst siehst du auch wo...

    Ich könnte auch jedes mal brechen, wenn ich webdesigns für den IE vereinfachen muss oder wenn ich, wie hier nachichten 2mal schreiben muss, weil sie nicht gesendet werden ;). Egal...

    Denk dir was feines mit CSS aus oder mach es ganz simpel mit <br>-umbrüchen...

    Bloß nicht von schlechten Programmierern und dummen Browsern kleinkriegen lassen...

    Hendrik Sollich

    *peace*

    1. Ein css Problem ist es nicht, wohl eher ein IE-HTML(Ich binzu blöd zum rendern)-Problem.

      Habbichs doch gewußt! ;)

      Das Bild ist da, es versteck sich nur, und wenn du <div id="navigation"> ausklammerst siehst du auch wo...

      Das war mir schon klar, denn die Textumbrüche funktionierten ja auch genauso, als ob das Bild da wäre, nur eben jenes fehlte.

      Ich könnte auch jedes mal brechen, wenn ich webdesigns für den IE vereinfachen muss(...)

      Willkommen im Club ;-)

      Bloß nicht von schlechten Programmierern und dummen Browsern kleinkriegen lassen...

      Niemals!

      Jans Tip hat übrigens geklappt, Problem ist gelöst - danke fürs Helfen!