Guido Franke: TableCell - Height

Hallo,

ich habe ein Problem mit der Höhe einer Cell, die eine Table mit Border beinhaltet, die Border wird nie auf 100% gezeichnet, die Höhe sollte sich an der höchsten Cell ausrichten und eigentlich sollte dabei 100% doch funktinieren, hier mal der Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page </title>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;">
 <tr>
  <td style="width:7px;">
  </td>
  <td style="height:100%;">
   <table cellspacing="0" cellpadding="0" border="0" style="color:Black;border-color:#EDEDED;border-width:1px;border-style:Solid;font-family:Arial Unicode MS;font-size:X-Small;width:162px;border-collapse:collapse;height:100%;">
    <tr style="height:100%;">
     <td style="height:100%;width:160px;"><img src="http://pics.ebaystatic.com/aw/pics/de/logos/logoEbay_150x70.gif" style="width:160px;border-width:0px;" />
     </td>
    </tr>
   </table>
  </td>
  <td style="width:7px;">
  </td>
  <td style="height:100%;">
   <table cellspacing="0" cellpadding="0" border="0" style="color:Black;border-color:#EDEDED;border-width:1px;border-style:Solid;font-family:Arial Unicode MS;font-size:X-Small;width:162px;border-collapse:collapse;height:100%;">
    <tr style="height:100%;">
     <td style="height:100%;width:160px;"><img src="http://pics.ebaystatic.com/aw/pics/de/mops/060103_150x36_sc_PayPalsicher.gif" style="width:160px;border-width:0px;" />
     </td>
    </tr>
   </table>
  </td>
 </tr>
</table>
</body>
</html>

Vielen Dank im Voraus!
Guido

  1. Hallo,

    ich habe ein Problem mit der Höhe einer Cell, die eine Table mit Border beinhaltet, die Border wird nie auf 100% gezeichnet, die Höhe sollte sich an der höchsten Cell ausrichten und eigentlich sollte dabei 100% doch funktinieren

    100% von was? von der Höhe der Elternelemente? Diese sind so hoch wie ihr Inhalt.

    mfg. Daniel

    1. Hallo,

      100% von was? von der Höhe der Elternelemente? Diese sind so hoch wie ihr Inhalt.

      Von der Hoher der einliegenden Images, die Elternteile sind auch alle auf 100% gesetzt, außer die kapselnde Table.

      Danke
      Guido

      1. Hallo,

        100% von was? von der Höhe der Elternelemente? Diese sind so hoch wie ihr Inhalt.

        Von der Hoher der einliegenden Images, die Elternteile sind auch alle auf 100% gesetzt, außer die kapselnde Table.

        Dann wird deine Tabellenzelle so hoch wie die Tabelle…

        mfg. Daniel

        1. Hallo,

          Dann wird deine Tabellenzelle so hoch wie die Tabelle…

          Eben leider genau das nicht, in einer Zelle ist ein größeres Image und die Zelle, die das kleinere Image beinhaltet, hat einen kleineren Rahmen.

          Ansonsten wäre es der gewünschte Effekt, dass alles genauso hoch wird.

          Vielen Dank!
          Guido

          1. Hallo,

            Dann wird deine Tabellenzelle so hoch wie die Tabelle…

            Eben leider genau das nicht, in einer Zelle ist ein größeres Image und die Zelle, die das kleinere Image beinhaltet, hat einen kleineren Rahmen.

            Ansonsten wäre es der gewünschte Effekt, dass alles genauso hoch wird.

            Ich habe mir dein Beispiel mal als Seite angeschaut. Wo gibt da Unterschiede in der Höhe?

            Obwohl; Vielleicht machts der IE ja anders…
            mal testen…

            Tatsächlich! Der scheint's falsch zu machen.

            Aber warum schachtelst du auch Tabellen in Tabellen? Würdest du das nicht machen, hättest du das Problem nicht (getestet!).

            mfg. Daniel

            1. Hallo,

              Danke für Deine Mühe, aber was hast Du getestet? Was nimmst Du stattdessen um eine einzelbe Border zu bekommen und Inhalte Tabellarisch (zumindest Haupttabelle) zu strukturieren.

              Danke
              Guido

              1. Hallo,

                Danke für Deine Mühe, aber was hast Du getestet?

                Dein Beispiel. Gelegentlich natürlich ein bisschen verändert.

                Was nimmst Du stattdessen um eine einzelbe Border zu bekommen

                CSS. Hier mal eine Beispielumsetzung.

                und Inhalte Tabellarisch (zumindest Haupttabelle) zu strukturieren.

                Ich würde nicht sagen, dass dein Beispiel Tabellarische Daten enthält, aber wenn ich solche habe, benutze ich natürlich *eine* Tabelle.

                mfg. Daniel