toebens: border-collapse mit innerer und äußerer Tabelle?

Hi,
border-collapse mit innerer und äußerer Tabelle? geht das? hier erst einmal mein html:

<html>
<head>
<style>
body { margin:0px; padding:0px; text-align:center; background:#e0e0e0; font:12px Verdana Arial; color:black;}

td { border: 1px solid red;}
</style>
</head>
<body>
 <table align="center" style="border-collapse:collapse;">
 <tr><td>1st</td> <td>2te</td></tr>
 <tr><td>3te</td>
 <td style="padding:0px;">
  <table style="border-collapse:collapse;">
  <tr>
  <td>i1st</td> <td>i2te</td>
  </tr>
  </table>

</td>
 </tr>
 </table>
 </body>
</html>

Ich möchte gerne die innere Tabelle mit den Rändern der äußeren verschmelzen! Durch das padding:0px erreiche ich zwar das der Abstand verschwindet, jedoch wird dadurch auch die Border dicker!

Kann ich dies umgehen, ohne wo "border:none" setzen zu müssen?

Danke

  1. hi,

    Ich möchte gerne die innere Tabelle mit den Rändern der äußeren verschmelzen! Durch das padding:0px erreiche ich zwar das der Abstand verschwindet, jedoch wird dadurch auch die Border dicker!

    border-collapse bezieht sich m.e. lediglich auf das verhalten der rahmen innerhalb der tabelle, also ob die aneinandergrenzenden rahmen von tabellen_zellen_ zusammenfallen sollen oder nicht.
    du hast aber einer tabelle in einer tabelle (warum überhaupt?), darauf wirkt border-collapse wohl nicht.

    Kann ich dies umgehen, ohne wo "border:none" setzen zu müssen?

    denke nicht. aber wo liegt das problem?

    gruss,
    wahsaga

  2. Hi,

    <table align="center" style="border-collapse:collapse;">
    <tr><td>1st</td> <td>2te</td></tr>

    Setze colspan="2" in die 2te td

    <tr><td>3te</td>

    <td style="padding:0px;">
      <table style="border-collapse:collapse;">
      <tr>
      <td>i1st</td> <td>i2te</td>
      </tr>
      </table>
    </td>

    Von diesen 7 Zeilen brauchst Du nur die 4. (die mit den beiden tds)

    </tr>
    </table>
    </body>
    </html>

    Du brauchst keine innere Tabelle.

    Kann ich dies umgehen, ohne wo "border:none" setzen zu müssen?

    Ja, s.o.

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/