hanswahn: padding sprengt TD

SELF-Forum

padding sprengt TD

hanswahn
– Informationen zu den Bewertungsregeln

Hallo,

ich habe eine Tabelle, deren Zellen mit absoluten Größenangaben festgelegt ist. Pro TD zeichne ich einen Rand, aber sobald ich ein Padding als style dazu gebe stimmen die Dimensionen der Tabellenzellen nicht mehr. Weiss jemand warum oder was da schief läuft? Danke.

Gruss
hanswahn

Hier noch mein code:
(es geht um die "padding-left:10px;" ; ohne die läuft es rund)
<table width="600" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td align="left" valign="top" width="600" height="46">
      <table width="600" border="0" cellpadding="0" cellspacing="0">
       <tr>
        <td align="left" valign="top" width="190" height="46" style="border-style:solid; border-width:1px; border-color:#da2031; background-color:#ffcdce; padding-left:10px;">
         <a href="Eins">&raquo; Eins</a></td>
        <td align="left" valign="top" width="15" height="46">
         <img src="gfx/spacer.gif" width="15" height="46" border="0"></td>
        <td align="left" valign="top" width="190" height="46" style="border-style:solid; border-width:1px; border-color:#da2031; background-color:#ffcdce;">
         <a href="Zwo">&raquo; Zwo</a></td>
        <td align="left" valign="top" width="15" height="46">
         <img src="gfx/spacer.gif" width="15" height="46" border="0"></td>
        <td align="left" valign="top" width="190" height="46" style="border-style:solid; border-width:1px; border-color:#da2031; background-color:#ffcdce;">
         <a href="Drei">&raquo; Drei</a></td>
       </tr>
      </table>

</td>
    </tr>
   </table>
   <table width="600" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td align="left" valign="top" width="600" height="46">
      <table width="600" border="0" cellpadding="0" cellspacing="0">
       <tr>
        <td align="left" valign="top" width="190" height="46" bgcolor="#cccccc">190x46</td>
        <td align="left" valign="top" width="15" height="46">
         <img src="gfx/spacer.gif" width="15" height="46" border="0"></td>
        <td align="left" valign="top" width="190" height="46" bgcolor="#cccccc">190x46</td>
        <td align="left" valign="top" width="15" height="46">
         <img src="gfx/spacer.gif" width="15" height="46" border="0"></td>
        <td align="left" valign="top" width="190" height="46" bgcolor="#cccccc">190x46</td>
       </tr>
      </table>
     </td>
    </tr>
   </table>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. padding sprengt TD

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    ich habe eine Tabelle, deren Zellen mit absoluten Größenangaben festgelegt ist. Pro TD zeichne ich einen Rand, aber sobald ich ein Padding als style dazu gebe stimmen die Dimensionen der Tabellenzellen nicht mehr. Weiss jemand warum oder was da schief läuft?

    du möchtest dich vermutlich mit der korrekten interpretation dex box models beschäftigen.

    die "innere" breite (länge) eines elementes besteht aus width (height) plus paddings plus rahmen.

    für die breite/höhe, die das element insgesamt einimmt, und somit den abstand zu anderen elementen, kommen noch die margins hinzu.

    gruß,
    wahsaga

    --
    "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln