Tabelle in Td-Tag streckt Td-Tag

Question

Ich habe eine Tabelle mit 4 Spalten mit einer bestimmten Breite in Prozent. z.B. td width = "25%" und die Tabelle mit einer Breite von 100%. Jetzt funktioniert die Breite perfekt, wenn keine andere Tabelle innerhalb einer Spalte ist. Sobald ich die folgende Tabelle innerhalb des TD-Tags mit einer bestimmten Breite hinzufüge, wird der Prozentsatz automatisch erhöht.

<td width="25%"> 
<table cellspacing="0" cellpadding="3" border="1"> 
<tbody> 
<tr> 
<td style="text-align: center;">text</td> 
<td style="text-align: center;">text</td> 
<td style="text-align: center;">text</td> 
<td style="text-align: center;">text</td> 
<td style="text-align: center;">text</td> 
</tr> 
<tr> 
<tr> 
<tr> 
</tbody> 
</table> 
</td> 

Ich versuchte dann über zu einem div-Tag ist die Tabelle um, die die Dehnung der Spalte Problem sortiert aber die div-Tag überschwemmt den Tisch

<div style="max-width: 100px !important; "> 
<table cellspacing="0" cellpadding="3" border="1"> 
<tbody> 
<tr> 
<td style="text-align: center;">text</td> 
<td style="text-align: center;">text</td> 
<td style="text-align: center;">text</td> 
<td style="text-align: center;">text</td> 
<td style="text-align: center;">text</td> 
</tr> 
<tr> 
<tr> 
<tr> 
</tbody> 
</table> 
</div> 

Gibt es eine Möglichkeit, so dass die Tabelle in enthält Die angegebene Breite der Td-Tags erbt automatisch die Breite und kontrolliert sie nicht? Ich habe auch versucht, die Breite der Tabelle innerhalb der Spalte zu spezifizieren und das hat auch nicht funktioniert

Answer 1

Grenzen und Padding können dazu führen, dass die Elemente größer als sie erscheinen. Zum Beispiel eine Tabelle von width: 100%; border-width: 1px innerhalb eines div mit width: 100px wird tatsächlich versuchen, passen 102px innen wegen der Pixelbreite der Grenze.

auf diese Weitere Informationen finden Sie in der IE box model bug

Answer 2

es ist nicht, weil Sie nicht geschlossene Tags haben?

<td width="25%"> 
<table cellspacing="0" cellpadding="3" border="1"> 
    <tbody> 
     <tr> 
      <td style="text-align: center;">text</td> 
      <td style="text-align: center;">text</td> 
      <td style="text-align: center;">text</td> 
      <td style="text-align: center;">text</td> 
      <td style="text-align: center;">text</td> 
     </tr> 
     <tr> 
      <tr> 
        <tr> 
</tbody> 
</table> 
</td> 

sollte

<td width="25%"> 
<table cellspacing="0" cellpadding="3" border="1"> 
<tbody> 
<tr> 
<td style="text-align: center;">text</td> 
<td style="text-align: center;">text</td> 
<td style="text-align: center;">text</td> 
<td style="text-align: center;">text</td> 
<td style="text-align: center;">text</td> 
</tr> 
<tr> 
    <td colspan="5">&nbsp;</td> 
</tr> 

</tbody> 
</table> 
</td>