Breite der Zelle ignoriert

Question

Ich habe nach vielen Posts gesucht, aber ich konnte keine Antwort finden, die diesem Problem entspricht. Ich habe mit table-layout:fixed versucht, Breiten zu extremen Werten zu ändern, aber das Attribut width wird noch ignoriert. Hier ist mein Code:

<table style="width:100%; table-layout:fixed; border: 1pt solid black; 
       border-collapse: collapse;" border cellpadding=3 cellspacing=0> 
    <tr> 
    <th align=center colspan="4" 
     style="width:100%; color:white; background-color:#475678; font-weight:bold;"> 
     Oferta de traducción para: ' . $cliente . ' 
    </th> 
    </tr> 
    <tr> 
    <td style="border-right:1pt solid black; width:10%;">Fecha</td> 
    <td align=center style="border-right:1pt solid black; width:10%;">Fecha</td> 
    <td style="border-right:1pt solid black; width:40%;"></td> 
    <td style="width:30%;">Fecha</td> 
    </tr> 
</table> 

Answer 1

der table-layout: fixed ist derjenige, der Ihre Breiten ignoriert.

von MDN HTML table-layout sagt, wie diese über den Tisch-Layout: fest,

Tabellen- und Spaltenbreiten durch die Breiten der Tabelle und col eingestellt sind Elemente oder durch die Breite der ersten Reihe von Zellen. Zellen in nachfolgenden Zeilen haben keinen Einfluss auf die Spaltenbreite.

Answer 2

Versuchen Sie, entfernen table-layout:fixed; und es wird funktionieren.

Answer 3

Ihr Problem wurde mit

Hier ist meine Neuaufnahme darauf.

Innerhalb der <style> sollten Sie diese in Ihre CSS setzen, sondern eine ID oder Klasse zuweisen, wenn Sie an anderer Stelle Tabellen sind, die anders sind:

table { 
 
     width: 100%; 
 
     border:1pt solid black; 
 
     border-collapse: collapse; 
 
    } 
 
    table td { 
 
     width:25%; 
 
     border-right: 1pt solid black; 
 
     text-align: center; 
 
    } 
 

 
    table th { 
 
     width: 100%; 
 
     color: white; 
 
     background: #475678; 
 
     font-weight:bold; 
 
    }

<table cellpadding="3" cellspacing="0"> 
 
    <tr> 
 
     <th align=center colspan="4">Oferta de traducción para: ' . $cliente . '</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Fecha</td> 
 
     <td>Fecha</td> 
 
     <td></td> 
 
     <td>Fecha</td> 
 
    </tr> 
 
</table>

Wenn Sie möchten, halten Sie Ihre CSS in den tatsächlichen Code, nur entfernen Sie die table-layout von <table> Styling.