Oskar K.: position absolute Unterschiede IE 5.0 / 5.5?

Hallo Gemeinde,

bei dem unteren script wird die Grafik bei dem
IE 5.0 hinter dem I-Frame dargestellt, beim
IE 5.5 vor dem I-Frame dargestellt,

<html>

<head>
<title>nix da</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<img src="banner.gif" style="position:absolute; top:50px; left:100px;" >

<iframe src="frame.htm" width="600" height="150" align="center" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" name="termine">
         <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
         Sie können die eingebettete Seite über den folgenden Verweis
         aufrufen:</p>
         </iframe>

</body>
</html>

weiss jemand einen Tip, wie ich die Grafik auch beim IE 5.0 in den Vordergrund bringe?

Viele Grüsse OK

  1. Hi Oskar K.,

    <html>

    Verwende einen gültigen Doctype sonst geht der Browser in den Quirkmode und CSS wird nicht richtig interpretiert.

    weiss jemand einen Tip, wie ich die Grafik auch beim IE 5.0 in den Vordergrund bringe?

    Hast Du CSS 2, z-index schon versucht?
    http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#z_index

    HTH
    Jens

    1. Hi Oskar K.,

      <html>
      Verwende einen gültigen Doctype sonst geht der Browser in den Quirkmode und CSS wird nicht richtig interpretiert.

      weiss jemand einen Tip, wie ich die Grafik auch beim IE 5.0 in den Vordergrund bringe?
      Hast Du CSS 2, z-index schon versucht?
      http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#z_index

      HTH
      Jens

      Hi Jens
      habe ich, hat aber nichts geholfen :-(

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html>

      <head>
      <title>Intranet Carl Haas</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

      </head>

      <body>

      <div style="position:absolute; top:20px; left:150px; z-index:2;"><img src="banner.gif"></div>

      <div style="position:absolute; top:10px; left:100px; z-index:1;">
         <iframe src="frame.htm" width="600" height="150" align="center" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" name="termine">
            <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
            Sie können die eingebettete Seite über den folgenden Verweis
            aufrufen:</p>
         </iframe>
      </div>

      </body>
      </html>

      gruss OK