Problem mit table Formatierung

simazu · 26.11.2010

Hallo liebe Leute!

In meiner Webseite taucht neuerdings ein komischer Abstand zwischen zwei tr's (hab ich unten im source code markiert) auf, den ich mir nicht erklären kann.

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
        <HEAD>

                <STYLE type="text/css">
                *{
                    font-size:14px;
                    font-family:Arial, Helvetica, sans-serif;
                }
                
                h1 {
                    font-size:32px;
                    font-weight:600;
                    font-family:Arial, Helvetica, sans-serif;
                    color:#666;
                    text-align:center;
                    padding-bottom:0px;
                }
                
                h2 {
                    font-size:18px;
                    font-weight:500;
                    font-family:Arial, Helvetica, sans-serif;
                    color:#666;
                    text-align:center;
                }


                body {
                    background-color:#f1f1f1;
                }

                table {
                    padding-top:0px;
                    margin-left: auto;
                    margin-right: auto;
                }
                
                
                a {
                    text-decoration:none;
                    font-family:Arial, Helvetica, sans-serif;
                    font-size:12px;
                }
                
                th {
                    padding-top:0px;
                    padding-left:5px;
                    padding-right:5px;
                }
                
                td {
                    padding-top: 0px;
                }
                
                tr {
                    margin-bottom:0px;
                }
                
                p {
                    padding-top:1px;
                    padding-bottom:1px;
                }
                
                img {
                    padding: 5px 5px 5px 5px;
                }
                
                .nav {
                    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
                    background-color:#f1f1f1;
                    padding-bottom:2px;
                    text-align:right;
                }
    
                </STYLE>

        </HEAD>
<BODY>
<table width="650px" cellpadding="0" cellspacing="0" border="0" style="background-color: #f1f1f1">
         <tr>
                 <td align="right"><div id="nav"> <a href="http://www..........">online bestellen</a> | <a href="http://www..........">andere Produkte finden</a> | <a href="http://www..........">NEWSLETTER 01</a>
                 </div>
                    </td>
         </tr>
</table>
         
<table width="650px" cellpadding="0" cellspacing="0" border="0" style="background-color: #FFFFFF">

         <tr>
                 <th>
                 <img src="images/Logo_big.jpg" align="left" alt=".........." border="0">
                 </th>

         </tr>
'''''''''''''''''''''''''''' HIER BEGINNT DER MEGA ABSTAND '''''''''''''''''''''''''''''
         <tr>
                 <th><h1>Außen der Schöne. Innen das Biest.</h1></th>
         </tr>
         <tr>
                <th><h2>Wok mit Glasdeckel von Ken Hom.</h2></th>
         </tr>
'''''''''''''''''''''''''''' HIER ENDET DER MEGA ABSTAND '''''''''''''''''''''''''''''
</tbody>
<tfoot>         
</tfoot>
</table>

</BODY>
</HTML>

Freue mich über Tips und Hints!

LG, simazu

developr · 28.11.2010

Was ist denn <th>? Versuche es mal mit <td>, statt <th> ;-).

simazu · 30.11.2010

Hallo,
hab es hetzt auf td umgestellt, ist aber trotzdem leider noch immer da.
Hab im CSS padding-top auf 2px gestellt und nichts tut sich

LG