Christian: iframe im Internet Explorer

Hallo, ich habe meine seite die ganze zeit ueber im firefox angeschaut wo sie auch einwandfrei funktionierte, als ich jedoch jetzt mal den ie mit meiner seite oeffnete war der iframe mitten in meiner tabelle.

hat jemand ne idee wieso das so ist und wie ich das aendern kann?

hier der quelltext:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>New Document</title>
    <style type="text/css">
    body { font-family:arial, verdana, helvetica;
           font-size: 12px; }

td { font-size: 12px; }
    td.menu_titel { color:#FFFFFF;
                    font-weight:bold;
                    font-size: 12px; }

td.icon { background-color:#F0E0F0; }

td.button { background-color:#F7EFF7;
                border-top:2px solid #FFFFFF;
                border-left:2px solid #FFFFFF;
                border-right:2px solid #EBD6EB;
                border-bottom:2px solid #EBD6EB;
              }

a {font-family: Arial, Helvetica, sans-serif; color: #CC0000; font-size: 12px;}
    a:visited {color: #6B0503;}
    a:hover {color: #FF0000;}
    a:active {color: #FF0000;}

a.button {font-family: Arial, Helvetica, sans-serif; color: #CC0000; font-size: 12px; text-decoration:none;}
    a.button:visited {color: #6B0503;}
    a.button:hover {color: #FF0000;}
    a.button:active {color: #FF0000;}
    </style>
   </head>
  <body>

<table align="right" border="0" width="100%" cellspacing="0" cellpadding="0">

<tr>
      <td><img src="images/menu_header_left.gif" width="16" height="27" border="0" alt="" /></td>
      <td width="100%" align="center" style="background-image:url(images/menu_header_bg.gif)" class="menu_titel">&nbsp;</td>
      <td><img src="images/menu_header_right.gif" width="8" height="27" border="0" alt="" /></td>
      </tr>
      <tr>
      <td style="background-image:url(images/menu_pannel_left.gif)"></td>
      <td bgcolor="#F7EFF7" width="100%" height="300" align="center">

<span style="font-size:20px; font-weight:bold;">Welcome to the Multiboot DVD Software Menu</span>

<p>&nbsp;</p>
      <p>&nbsp;</p>

<table align="center" border="0"><tr><td>
      <img src="images/folder.gif" width="16" height="14" border="0" alt="" />
      </td><td>
      &nbsp;</a>Wenn Du hier falsch bist und die DVD lieber selber <a href="launch.php?file=explorer&option=\Multiboot DVD\src" target="launch">im Explorer durchst&ouml;bern</a> willst, dann kannst du das <a href="launch.php?file=explorer&option=\Multiboot DVD\src" target="launch">hier</a>.
      </td></tr><tr><td>&nbsp;</td></tr><tr><td>

<img src="images/doku.gif" width="16" height="14" border="0" alt="" />
      </td><td>
      &nbsp;Eine <a href="http://127.0.0.1/doku/index.html" target="_blank">Dokumentation</a> wie die DVD aufgebaut ist oder wie manches reallisiert wurde kannst Du <a href="http://127.0.0.1/doku/index.html" target="_blank">hier</a> aufrufen.
      </td></tr></table>

</td>
      <td style="background-image:url(images/menu_pannel_right.gif)"></td>

</tr>
      <tr>
      <td><img src="images/menu_pannel_bottom_left.gif" width="16" height="2" border="0" alt="" /></td>
       <td style="background-image:url(images/menu_pannel_bottom.gif)"></td>
       <td><img src="images/menu_pannel_bottom_right.gif" width="8" height="2" border="0" alt="" /></td>
      </tr>
      </table>
  <br />
  <p>&nbsp;</p>

<iframe src="launch.php" width="200" height="30" name="launch" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" align="center">
  </body>
</html>

  1. ich habe eben den code den ich gepostet habe ausprobiert und komischerweise setzt er jetzt den iframe untendrunter.

    auf meiner original seite ist dieser code via php generiert worden und wird in einem frameset aufgerufen.

    vielleicht hat ja trotzdem jemand eine idee.

    1. Lieber Christian,

      <table align="right"

      Hier sagst Du, dass die Tabelle rechts vom Text stehen soll. Der IE versteht Dich so, als ob der übrige Fließtext drumherum laufen soll. Du hast aber keinen Fließtext, sondern nur

      <br />
      <p>&nbsp;</p>
      <iframe ...

      Tja, und das will der IE dann halt wie einen Fließtext links um Deine Tabelle herumfließen lassen.

      Dein Quelltext ist mit einigen Unstimmigkeiten gespickt: In einer Tabellenzelle setzt Du per "bgcolor=..." die Hintergrundfarbe, an anderer Stelle tust Du das mit CSS (style="..."). Da Du im Dateikopf schon ein recht umfangreiches Stylesheet definiert hast, wozu brauchst Du dann noch so "veraltete" Attribute wie bgcolor oder align?

      Noch besser wäre es, wenn Du das Layout komplett ohne Tabelle hinbekämst. Dann würde das, was man optisch als Überschrift erkennt, auch als Überschrift im Quelltext erscheinen (z.B. <h1> Welcome to the Multiboot...). Das nennt man "rein semantisches Markup", wie man hier immer öfter zu lesen bekommt. Da Du ja ohnehin CSS einsetzt, könntest Du das auch konsequent für _alles_ auf Deiner Seite tun. Auch wenn sie vielleicht nur lokal von einer DVD gelesen werden wird.

      Liebe Grüße aus Ellwangen,

      Felix Riesterer.

      1. Hallo Felix,

        danke fuer deine Tips.
        Funktioniert jetzt alles. Werde auch noch alles auf css umstellen aber von den tabellen komme ich irgendwie nicht richtig los. vielleicht bei meinem naechten project.

        Vielen, vielen dank und vielleicht bis zum naechten mal.

        1. Lieber Christian,

          so gong's mir auch - am Anfang. Aber schau mal unter www.andreas-kalt.de nach, da gibt es einige gute Tutorials, die man als Anregung für weitere Experimente nehmen kann. Ist definitv ein Studium wert!

          Liebe Grüße aus Ellwangen,

          Felix Riesterer.