Wie unerwünschte weiße Lücken in HTML-Design mit einem HTML-Tab entfernen?

Question

Ich erstelle eine Website, aber bis jetzt habe ich Lücken im Design meiner Website, was nicht gewollt ist, da ich keine Lücken zwischen den einzelnen Blöcken habe (zum Beispiel will ich keine weißen Flächen um die Navigationsleiste // schwarzes Rechteck). Ich benutze eine HTML-Tabelle für die Masterpage, um meine Website zu erstellen, und bis jetzt gibt es kleine weiße Lücken zwischen jeder Zelle. Ich will es loswerden, aber ich bin mir nicht sicher wie. Ich war mir nicht sicher, ob ich ein CSS hinzufügen musste, aber ich bin immer noch ziemlich neu im HTML und Coding im Allgemeinen.

Hier ist meine Codierung

<table style="width:100%"; cellpadding="0"; cellpacing="0"> 
      <tr> 
       <td style="background-color: #869d92" ;class="auto-style1" rowspan="4" class="auto-style1">f</td> 
       <td style="background-color: #e9e9e9; height:150px"> 
        <asp:ContentPlaceHolder ID="cphh_header" runat="server"> 
        </asp:ContentPlaceHolder> 
       </td> 
       <td style="background-color: #869d92";class="auto-style1" rowspan="4">f</td> 
      </tr> 
      <tr> 
       <td style="background-color:black; height:1.7cm"> 
        <asp:ContentPlaceHolder ID="cphh_nav" runat="server"> 
        </asp:ContentPlaceHolder> 
       </td> 
      </tr> 
      <tr> 
       <td style="background-color:white; height:1307px"> 
        <asp:ContentPlaceHolder ID="cph_main" runat="server"> 
        </asp:ContentPlaceHolder> 
       </td> 
      </tr> 
      <tr> 
       <td style="background-color: #7a7a7a;height:4.82cm"> 
        <asp:ContentPlaceHolder ID="cphfooter" runat="server"> 
        </asp:ContentPlaceHolder> 
       </td> 
      </tr> 
     </table> 

Answer 1

Um alle Leerzeichen im Tabellenbereich zu entfernen, verwenden border-collapse: collapse;. Verwenden Sie margin: 0;, um den gesamten Leerraum um Ihre Website zu entfernen. Hier wäre ein rudimentäres Stylesheet:

body { margin: 0; } 
table { border-collapse: collapse; }