gif Datei wird nicht angezeigt

    hallo,

    ich kann eine gif datei nicht als hintergrund anzeigen lassen beim IE. beim firefox wird die datei angezeigt. Hier der code, vielleicht könnt ihr etwas erkennen was falsch ist.

    <body>
    <table width="700" height="600" border="0" align="center">
    <tr background="image/test.gif"> DIESE ZEILE WIRD ALS FALSCHE ANGEGEBEN
    <td height="220" colspan="3">

    </p>

    </p></td>
    </tr>
    <tr> ...............

    fehler meldung von dreamweaver:

    Das background-Attribut des TR-Tags wird nicht unterstützt. [Microsoft Internet Explorer 5.0, Microsoft Internet Explorer 5.5, Microsoft Internet Explorer 6.0, Netscape Navigator 7.0]

    ich hoffe das mir jemand helfen kann.
    im voraus schon einmal danke.

    Moin!

    Da du nur eine Zelle in der Zeile hast, kanst du das Bild in den Hintergrund der Zelle packen. Es empfiehlt sich, das in jedem Fall mit Stylesheets zu machen:

    Code
    <tr style="background-image:url(image/test.gif)"> 


bzw.  


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

    G.a.d.M.

    Ronald

    hey roland,

    ein guter tip, funktioniert nicht ganz.

    ich habe 4 zeilen und 3 spalten. im firefox ist OK im IE wird die datei in 2 zeilen dagestellt.

    so sieht der ganze code aus

    <body>
    <table width="700" height="600" border="0" align="center">
    <tr style="background-image:url(image/test.gif)">
    <td height="220" colspan="3"></td>
    </tr>
    <tr>
    <td height="173" colspan="3"></td>
    </tr>
    <tr>
    <td></td>
    <td><div align="center"><span class="Stil1">Weiter</span></div></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td><div align="center"> Optimiert 1024x768 </div></td>
    <td></td>
    </tr>
    </table>

    </body>

    so der ganze code

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Info</title>
    <style type="text/css">
    <!--
    body {
    background-image: url(image/blaetzle5.png);
    margin-top: 40px;
    }
    .Stil1 {
    font-family: "Comic Sans MS";
    font-weight: bold;
    font-size: xx-large;
    }
    body,td,th {
    color: #FFFFFF;
    }
    a:link {
    color: #FFFFFF;
    }
    a:visited {
    color: #FFFFFF;
    }
    a:hover {
    color: #FFFF00;
    }
    a:active {
    color: #FFFF00;
    }
    -->
    </style>
    <script language="JavaScript" type="text/JavaScript">
    <!--


    function MM_reloadPage(init) { //reloads the window if Nav4 resized
    if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
    else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);

    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    //-->
    </script>
    </head>

    <body>
    <table width="700" height="600" border="0" align="center">
    <tr style="background-image:url(image/test.gif)">
    <td height="220" colspan="3"></td>
    </tr>
    <tr>
    <td height="173" colspan="3"></td>
    </tr>
    <tr>
    <td></td>
    <td><div align="center"><span class="Stil1">Weiter</span></div></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td><div align="center"> Optimiert 1024x768 </div></td>
    <td></td>
    </tr>
    </table>

    </body>
    </html>

    hallo roland,

    ich habe den fehler gefunden.
    der eintrag " height="600" " hat irgend wie nicht gepasst. gelöscht und es funktioniert.
    für den anderen tip danke

    Ändere als erstes mal den Dokumententyp um,

    Code
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

    ist zwar auch richtig, aber W3C kennt keine Höhenangaben für Tabellen in den TD- oder TR-Tags.

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

    reicht völlig aus.

    Da bei mir mit dem gleichen Quelltext die Grafik in allen Browsern richtig angezeigt wird, nur der IE macht mit dem Verweis zur W3C die Zeile zu hoch macht, kann dein Problem eigentlich nicht daran liegen.

    Bist du sicher, daß sich die Grafik auf dem Server im richtigen Verzeicnis befindet.

    Reich sonst bitte mal die URL rüber - so kommen wir nicht weiter.

    G.a.d.M.

    Ronald