HTML-Darstellungsproblem/Tabelle

Dieses Thema im Forum "Sonstige Online-Themen" wurde erstellt von ibot, 28. November 2004.

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. ibot

    ibot Byte

    Registriert seit:
    24. Oktober 2003
    Beiträge:
    103
    Hi, ich hab mal wieder ein Problemchen bei dem ich nicht weiter komm. Bin grad dabei meine HP neu zu basteln. Ich habe eine Teballe, in der ein Banner (.jpg) angezeigt werden soll, sonst nichts, d.h. der Rahmen der Tabelle sollte das Bild eigentlich schön Bündig umschließen. Das funktioniert auch beim IE aber bei Firefox wird am unteren Rand des Bildes ein kleiner Spalt (ca 2 Pixel) dargestellt, und ich hab keine Erklärung woher dieser kommt. Hier der Code:

    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
    <html>
    <head>
    <style>
    BODY { background-color:#ffffff; font-family:Verdana,Arial,Tahoma; font-size:8pt; color:#ffffff }
    A { font-family:Verdana,Arial,Tahoma; font-size:10pt; color:#000000 }
    H1 { font-family:Verdana,Arial,Tahoma; font-size:16pt; color:#000000 }
    HR { color:#ffffff }
    TD { font-family:Verdana,Arial,Tahoma; font-size:8pt; color:#000000 }
    INPUT,TEXTAREA { background-color:#aaaaaa; border:1px solid #000000; font-family:Arial,Tahoma; font-size:8pt; color:#000000; }
    </style>
    </head>
    
    <body background="back3.gif" bgcolor="white" text="black" link="black" vlink="black"
     alink="black" style="font-family:Arial; font-style:normal; font-weight:normal; font-size:10pt; color:black; text-align:center; text-decoration:none;">
    
    <p>&nbsp; 
    <div align="center"><table border="0" cellpadding="0" cellspacing="0" width="750"
     bgcolor="white" style="border-width:2px; border-color:black; border-style:solid;">
        <tr>
            <td align="center" valign="bottom" colspan="6" bgcolor="#ffffff" style="margin:0px; padding:0px;"><img src="banner.jpg" border="0"> An dieser Stelle ist nun der Spalt zwischen Tabellenrand und Bild
            </td>
        </tr>
        <tr>
            <td width="125" align="center" style="font-family:Arial; font-style:normal; font-weight:bold; font-size:10pt; color:black; text-align:center; text-decoration:none; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-top-style:solid; border-right-style:dotted; border-bottom-style:solid;"><a href="index.html">Home</a></td>
            <td width="125" align="center" style="font-family:Arial; font-style:normal; font-weight:bold; font-size:10pt; color:black; text-align:center; text-decoration:none; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-top-style:solid; border-right-style:dotted; border-bottom-style:solid;"><a href="uebermich.htm">&Uuml;ber mich</a></td>
            <td width="125" align="center" style="font-family:Arial; font-style:normal; font-weight:bold; font-size:10pt; color:black; text-align:center; text-decoration:none; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-top-style:solid; border-right-style:dotted; border-bottom-style:solid;"><a href="links.htm">Links</a></td>
            <td width="125" align="center" style="font-family:Arial; font-style:normal; font-weight:bold; font-size:10pt; color:black; text-align:center; text-decoration:none; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-top-style:solid; border-right-style:dotted; border-bottom-style:solid;"><a href="gallery.htm">Gallery</a></td>
            <td width="125" align="center" style="font-family:Arial; font-style:normal; font-weight:bold; font-size:10pt; color:black; text-align:center; text-decoration:none; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-top-style:solid; border-right-style:dotted; border-bottom-style:solid;"><a href="gaestebuch.php">G&auml;stebuch</a></td>
            <td width="125" align="center" style="font-family:Arial; font-style:normal; font-weight:bold; font-size:10pt; color:black; text-align:center; text-decoration:none; border-top-width:2px; border-right-width:0px; border-bottom-width:2px; border-top-color:black; border-right-color:black; border-bottom-color:black; border-top-style:solid; border-right-style:none; border-bottom-style:solid;"><a href="mailto:xyz@gmx.de">Kontakt</a></td>
        </tr>
        <tr>
            <td width="750" align="center" colspan="6">
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            </td>
        </tr>
    </table></div>
    <p>&nbsp;</p>
    </body>
    
    </html>
    

    Ich bin über jeden Hinweis dankbar, hab schon (fast) alles ausprobiert...
     
  2. kalweit

    kalweit Hüter der Glaskugel

    Registriert seit:
    18. April 2000
    Beiträge:
    31.480
    Du musst das Bild in einen Container der Größe des Bildes kapseln und die automatische Größenanpassung des Containers unterbinden:

    <div style="width:468px;height:60px;overflow:none;"><img src="banner.gif" border="0"></div>
     
  3. ibot

    ibot Byte

    Registriert seit:
    24. Oktober 2003
    Beiträge:
    103
    danke für den Tipp, jetzt passts :-) Super :-D
     
Status des Themas:
Es sind keine weiteren Antworten möglich.

Diese Seite empfehlen