verschachtelte Tabellen

[Flo]

Hallo zusammen!

Ich habe eine Tabelle und eine weitere die innerhalb der ersten Tabelle definiert ist.

<table style="border:0px;border-collapse:collapse;">
  <tr>
    <td>
      <table style="border:0px;border-collapse:collapse;">
        <tr>
          <td>
            <img src="bild1.gif">
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="background-color:black;color:white;">
      435464
    </td>
  </tr>
</table>

Die innere Tabelle enthält eine Zelle mit Bild. Was jetzt leider passiert ist, dass ein Abstand zu sehen ist zwischen dem Bild (innere Tabelle) und dem schwarzen Balken mit der Schrift (äußere Tabelle).

Gibt's eine Einstellung, die das verhindert?

Danke,
;-) Flo

[Maz]

Moinsen,

so geht es doch auch:

<table style="border:0px;border-collapse:collapse;">
  <tr>
    <td>
            <img src="bild1.gif">
    </td>
  </tr>
</table>

Gibt's eine Einstellung, die das verhindert?

keine Einstellung, aber das Entfernen von redundantem Code hilft auch schon ;-)
Tabellen ineinander zu verschachteln muss mMn schon gut begründet sein. Notwendig ist meistens nicht, zu Layoutzwecken schon gar nicht.

[Flo]

Hallo!

keine Einstellung, aber das Entfernen von redundantem Code hilft

Der Code ist bei mir natürlich viel komplexer und ich habe auch gute Gründe die Tabellen zu verschachteln. Ich habe den Code doch nur zur Verdeutlichung des Problems so extrem verkürzt.

;) Flo

[wahsaga]

hi,

Der Code ist bei mir natürlich viel komplexer und ich habe auch gute Gründe die Tabellen zu verschachteln.

die da wären?

zu layoutzwecken tabellen über mehrere ebenen zu verschachteln, darf heutzutage als "guter grund" zumindest stark bezweifelt werden.

gruß,
wahsaga

[Flo]

HallO!

Der Code ist bei mir natürlich viel komplexer und ich habe auch
gute Gründe die Tabellen zu verschachteln.

die da wären?

Was haben diese Gründe mit meiner Frage zu tun?!

[Gunnar Bittersmann]

Hi Flo,

Was haben diese Gründe mit meiner Frage zu tun?!

„Ziel dieses Forums ist es, die Qualität von Webseiten zu steigern. Es wäre daher widersinnig, dir bei der Realisation des Gegenteils zu helfen.“ (Orlando in http://forum.de.selfhtml.org/archiv/2005/1/t97810/#m595820)

Gruß,
Gunnar

[Maz]

Moinsen,

Was haben diese Gründe mit meiner Frage zu tun?!

Evtl. lässt sich Dein Problem mit einer anderen, sinnvolleren HTML-Codierung ganz von selbst lösen. Es ist nicht unwahrscheinlich, dass deine Tabellenverschachtelung das Problem erst provoziert hat.

Aber wenn Du partout unübersichtliche und Speicherintensive Verschachtelungen bevorzugst wird der Fehler höchstwahrscheinlich in den definierten oder nicht-definierten Abständen sein. Welche genau, und ob Innen- oder Aussenabstand und welche Hintergrundfarbe da durchschlägt, ist bei verschachtelten Tabellen natürlich ungleich schwerer herauszufinden als z.B. in _einem_ DIV in dem Dein Bild z.B. gefloatet wird.

Hast Du Deinen Code denn mal validiert, um wenigstens grobe Fehler auszuschliessen?

[Flo]

Hallo!

Aber wenn Du partout unübersichtliche und
Speicherintensive Verschachtelungen bevorzugst

Um der leidigen Diskussion ein Ende zu bereiten: Also, ich verwende zur Gestaltung meiner Seite so weit wie möglich DIVs. Allerdings basiert die Seite an der ich arbeite auf Typo3. Hier wird so viel mit Tabellen gerendert, dass ich eben auf ein solches Problem gestoßen bin. Dazu kommt, dass eine bestimmte Konfiguration von TMENU_LAYERS eine Tabellenkonfiguration verlangt.

den definierten oder nicht-definierten Abständen sein. Welche
genau, und ob Innen- oder Aussenabstand und welche Hintergrundfarbe

Ja, das war das Problem (-> http://forum.de.selfhtml.org/?t=109528&m=684566).

Vielen Dank!

[Elya]

Hallo Flo,

Die innere Tabelle enthält eine Zelle mit Bild. Was jetzt leider passiert ist, dass ein Abstand zu sehen ist zwischen dem Bild (innere Tabelle) und dem schwarzen Balken mit der Schrift (äußere Tabelle).

Deine td-Elemente haben noch einen standardmäßigen Innenabstand. Setze

  
<td style="padding:0;">  

Dazu könnte ein

border-spacing:none; für das table-Element nützlich sein, außerdem solltest Du die Absätze im html zwischen <td> und seinem Inhalt (also dem Bild bzw. der inneren Tabelle) rausnehmen, damit hat der IE Probleme.

Gruß aus Köln-Ehrenfeld,

Elya

[Flo]

Hallo Elya!

<td style="padding:0;">

> ` border-spacing:none; `{:.language-css} für das  
  
Das hat geholfen!  
  
Vielen Dank  
;-) Flo