Andreas Dölling: Abstände innerhalb einer Tabellenzelle

Beitrag lesen

Hallo,

ich habe gerade Deinen Post von heute (22.06.) gelesen.
Folgende Tipps von mir:

  • schreibe "1px" statt "1 px" (siehe Styles in den TD-Elementen);
  • schmeiße die width- und height-Angaben aus dem TABLE-Element raus, so daß sich Breite und Höhe der Tabelle von den Zellen bestimmt werden.

So geht es bei mir in Firefox und IE:
<table style="border:1px solid green; table-layout:fixed; border-collapse:collapse;">
  <tr>
    <td style="width:80px; height:50px; border:1px solid red;">
      <div style="margin:10px 8px 5px 8px; background:lightblue; border:1px solid blue;">
        ???
      </div>
    </td>
    <td style="width:80px; height:50px; border:1px solid red;">
      <div style="margin:10px 8px 5px 8px; background:lightblue; border:1px solid blue;">
        ???
      </div>
    </td>
    <td style="width:50px; height:50px; border:1px solid red;">
      <div style="margin:10px 8px 5px 8px; background:lightblue; border:1px solid blue;">
        ???
      </div>
    </td>
  </tr>
  <tr>
    <td style="height:50px; border:1px solid red;">
      <div style="margin:10px 8px 5px 8px; background:lightblue; border:1px solid blue;">
        ???
      </div>
    </td>
    <td style="height:50px; border:1px solid red;">
      <div style="margin:10px 8px 5px 8px; background:lightblue; border:1px solid blue;">
        ???
      </div>
    </td>
    <td style="height:50px; border:1px solid red;">
      <div style="margin:10px 8px 5px 8px; background:lightblue; border:1px solid blue;">
        ???
      </div>
    </td>
  </tr>
</table>

Ciao,
Andreas

--
"Das Corporate Design für das Internet sieht eine Reihe von Grafikelementen vor, die die Optik der Webseite visuell und funktionell beeinflussen." - (Zitat aus dem "Styleguide Corporate Design"  eines großen Konzerns...)