Tommy: Häßlicher Rand unterm Bild bei TD (Internet Explorer)

Hallo Leute,

ich habe beim Internetexplorer ein Problem das ich beim FireFox nicht habe.

Folgendes Konstrukt habe ich:

<html>
<body bgcolor="black">

<table bgcolor="#ffffff" cellpadding="0" cellspacing="0">
 <tr>
  <td>
   <img src=images/klick/2.jpg border=0>
  </td>
 </tr>
</table>

<body>
</html>

Unter dem Bild wird beim IE6 ein weißer Rand angezeigt (bgcolor der Tabelle) Ich kann mir nicht erklären wieso der da überhaupt ist. Beim FF ist nichts zu sehen. Wie bekomme ich den weg?

Ach ja, die Tabelle muss sein, ist eigentlich nur ein Auszug aus einem Dynamischen Projekt. Manchmal steht eben ein Bild in einer
Zelle alleine rum.

Danke euch!!!!!
Tommy

  1. Hallo Tommy,

    Folgendes Konstrukt habe ich:
    <html>
    <body bgcolor="black">

    <table bgcolor="#ffffff" cellpadding="0" cellspacing="0">
    <tr>
      <td>
       <img src=images/klick/2.jpg border=0>
      </td>
    </tr>
    </table>
    <body>
    </html>

    hast du den Fehler auch noch, wenn du eine korrekte HTML aufrufst sowie sämtliche padding und margin für den body mittels CSS auf "0" setzt?

    http://de.selfhtml.org/css/eigenschaften/randabstand.htm
    http://de.selfhtml.org/css/eigenschaften/innenabstand.htm

    Mit freundlichen Grüßen,
    André

    --
    Ein Geleitzug aus tausend Explosionen
    irgendwo in den Sternen verborgen
    relatives Sein zerbricht die Stille
    eine Träne flüstert Gottes Wille
    1. Hallo Andre,

      ja leider auch. Hat nichts genützt. Ich denke das ist ein IE Problem..(?) Siehe: (und Danke für Deine Antwort)

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      <html>
      <head>
      <title>Test</title>
      <style type="text/css">
        body { margin-top:0px;
           margin-right:0px;
           margin-bottom:0px;
           margin-left:0px;
           padding-top:0px;
           padding-right:0px;
           padding-bottom:0px;
           padding-left:0px;
           }
      </style>
      </head>

      <body bgcolor=black>
      <table bgcolor="#ffffff" cellpadding="0" cellspacing="0">
          <tr>
              <td>
                  <img src=images/klick/2.jpg border=0 >
              </td>
          </tr>
      </table>
      </body>
      </html>

      1. Hallo Tommy,

          
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
        <html>  
        <head>  
        <title>Test</title>  
        <style type="text/css">  
          body {  
             margin:0px;  
             padding:0px;  
             background:#000;  
             }  
          img {  
             border:0px;  
             }  
          table {  
               background:#fff;  
          
            }  
        </style>  
        </head>  
          
        <body>  
        <table>  
            <tr>  
                <td>  
                    <img src=images/klick/2.jpg border=0 >  
                </td>  
            </tr>  
        </table>  
        </body>  
        </html>  
        
        

        bringt rings um das Bild einen "weißen Rahmen". Schließlich ist die Tabelle ja auch noch da.

        Mit freundlichen Grüßen,
        André

        --
        Ein Geleitzug aus tausend Explosionen
        irgendwo in den Sternen verborgen
        relatives Sein zerbricht die Stille
        eine Träne flüstert Gottes Wille
        1. Hallo Andre,

          hat sich erledigt. (Siehe 'oben').
          Danke nochmals!

          Tommy

  2. Hallo Tommy,

    Unter dem Bild wird beim IE6 ein weißer Rand angezeigt (bgcolor der Tabelle) Ich kann mir nicht erklären wieso der da überhaupt ist.

    das ist ein uralter Hut. Der IE sieht Text (nämlich Whitespaces), wo du eigentlich keinen haben willst.

    Schreib mal das hier:

    <td>
       <img src=images/klick/2.jpg border=0>
      </td>

    alles ohne Leerzeichen in ein Zeile, also so:

    <td><img src=images/klick/2.jpg border=0></td>

    Dann klappt's auch mit dem IE.  ;-)

    So long,
     Martin

    --
    Die meisten Menschen werden früher oder später durch Computer ersetzt.
    Für manche würde aber auch schon ein einfacher Taschenrechner genügen.
  3. Hallo Martin,

    Juchuu! So ein blöder Hund. :-) Danke Mann!

    Tommy

  4. Hallo Tommy,

    nur der Vollständigkeit halber noch ein paar kleine Ergänzungen:

    Es ist ein Fehlverhalten des Internet Explorers, einen Unterschied in der Darstellung zu machen, wenn einmal die Zeilenumbrüche im Quellcode vorhanden sind und einmal nicht. Aber paradoxerweise führt dieses Fehlverhalten dazu, daß sich der IE in Deinem Fall doch korrekt verhält. Bilder liegen als Inline-Elemente per default auf der Basislinie. Die Lücke die Du siehst, ist also der für die Unterlängen von Buchstaben wie g,j, y reservierte Platz.

    Im Firefox siehst Du diese Lücken nicht, weil Du mit Deinem Doctype "nur" in den "Almost Standards Mode" schaltest. Bei Verwendung des "Full Standards Mode" wären diese Lücken auch in Firefox, Opera und Co. zu sehen (und zwar generell, egal, ob der Zeilenumbruch im Quelltext nun vorhanden ist oder nicht).

    Wenn Du genaueres wissen willst, dann wäre "seltsame Lücken" ein geeignetes Futter für Google ... ;-)

    Viele Grüße
    Carsten