1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Fehler im IE - ich werd noch verrückt!

Dieses Thema im Forum "HTML-Editoren" wurde erstellt von weedo, 8. Juni 2011.

  1. weedo

    weedo Erfahrenes Mitglied

    Hi,

    hier eine einfache html Tabelle. Folgendes Problem:

    Im Firefox wird alles korrekt dargestellt. Im Internetexplorer hingegen reagiert der Iframe nicht auf die Links in der Navigation und ist auch nicht rechtsbündig. Warum?

    Code (HTML5):
    1.   <head>
    2.     <title>Siesta - Die Bar am Schloss Charlottenburg</title>
    3.     <style type="text/css">
    4.       a {
    5.        text-decoration: none;
    6.        color: #fff;
    7.       }
    8.       a:hover {
    9.         border-bottom: 1px dotted #fff;
    10.       }
    11.       body {
    12.         color: #fff;
    13.         font-family: Tahoma, Verdana, Sans-Serif;
    14.         font-size: 14px;
    15.       }
    16.     </style>
    17.   </head>
    18.   <body bgcolor="#000000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
    19.     <table cellspacing="0" cellpadding="0" width="100%" height="100%" border="0">
    20.      
    21.       <tr>
    22.         <td width="50%" colspan="2" style="border-bottom: 3px solid #fca600;" valign="bottom"><marquee>Ticker</marquee></td>
    23.         <td width="200" background="img/bg_front.png"><img src="img/abstandhalter.gif" width="200" height="1" /></td>
    24.         <td width="25" background="img/bg_back.png"><img src="img/abstandhalter.gif" width="25" height="1" /></td>
    25.         <td width="50%">&nbsp;</td>
    26.       </tr>
    27.      
    28.       <tr>
    29.         <td width="1">&nbsp;</td>
    30.         <td width="400" height="400" align="right">
    31.           <iframe style="width: 400px; height: 400px; border: 1px solid #3rfwds;" src="content.php" name="content" id="content" frameborder="noframeborder"></iframe>
    32.         </td>
    33.         <td background="img/bg_front.png">
    34.           <table width="100%">
    35.             <tr>
    36.               <td>
    37.                 <img src="logo.png" id="siestalogo" style="width: 180px; height: 101px;" /><br>
    38.                 <a href="content.php?site=home" target="content">Startseite / Home</a><br><br>
    39.                 <a href="content.php?site=about" target="content">&Uuml;ber uns / About</a><br><br>
    40.                 <a href="content.php?site=events" target="content">Veranstalltungen / Events</a><br><br>
    41.                 <a href="content.php?site=galerie" target="content">Galerie / Gallery</a><br><br>
    42.                 <a href="content.php?site=manu" target="content">Karte / Menu</a><br><br>
    43.                 <a href="index.php?site=imprint" target="content">Impressum / Imprint</a><br><br>
    44.               </td>
    45.             </tr>
    46.           </table>
    47.         </td>
    48.         <td background="img/bg_back.png">&nbsp;</td>
    49.         <td width="50%">
    50.           <table height="100%" width="100%" cellspacing="0" cellpadding="0">
    51.             <tr>
    52.               <td width="100%" style="border-bottom: 3px solid #b70000;">
    53.                 &nbsp;
    54.               </td>
    55.             </tr>
    56.             <tr>
    57.               <td width="100%">
    58.                 &nbsp;
    59.               </td>
    60.             </tr>
    61.           </table>
    62.         </td>
    63.       </tr>
    64.      
    65.       <tr>
    66.         <td width="50%" colspan="2" style="border-top: 3px solid #fca600;">&nbsp;</td>
    67.         <td background="img/bg_front.png">&nbsp;</td>
    68.         <td background="img/bg_back.png">&nbsp;</td>
    69.         <td width="50%">&nbsp;</td>
    70.       </tr>
    71.      
    72.     </table>
    73.   </body>
    74. </html>
    Für jede Hilfe bin ich dankbar, da ich mir mitlerweile die Zähne dadran ausbeiße...

    lg weedo
  2. weedo

    weedo Erfahrenes Mitglied

    Ups, falsches Forum...könnte man das eventuell verschieben? =)
  3. luventas

    luventas Grünschnabel

    Hallo,

    ich habe den Code ausprobiert. Bei mir reagiert der Iframe in allen Browsers auf die Links. Ich habe es in Firefox 3.6, IE9, IE8 und IE7 ausprobiert. Überall funktionieren die Links.
    Zur Rechtsbündigkeit:
    So schwer es mir fällt, den IE recht zu geben, aber hier ist er ausnamsweise einmal der Browser, der richtig interpretiert. Die den Iframe umgebende Tabellenzelle ist in Ihrem Code 400px breit, der Iframe ist ebenfalls 400px breit. Also ist der Iframe korrekt in der Zelle positioniert. Wenn Sie z. B.

    <td width="800" height="400" align="right">
    <iframe style="width: 400px; height: 400px; border: 1px solid #3rfwds;" src="content.php" name="content" id="content" frameborder="noframeborder"></iframe>
    </td>

    verwenden, wird der Iframe auch weiter nach Rechts rutschen...

    Viele Grüße
    Carsten Fröhlich

Diese Seite empfehlen