Problem mit Tabelle

[Domst㤤er]

Hallo,

ich habe ein Problem mit Tabellen und der genauen Positionierung.
Also über eine Tabelle will ich eine Grafik setzen, die ganau auf der Tabelle aufsetzt. Wie kann ich das anstellen? Also ich habe es im Moment mit verschachtelten Tabellen versucht. Beim IE ist da dann auch nur ein minimaler Abstand zw. Grafik und Tabelle, allerdings ist der Abstand bei Netscape ziemlich groß.
Gibt es eine andere Möglichkeit die Grafik direkt an der Tabelle ansetzen zu lassen?

Viele Grüße,
     Florian

Quellcode:

<TABLE style="border-collapse:collapse; table-layout:fixed; text-align:center">
 <TR>
  <TD style="height:27px">
   <TABLE>
    <TR>
     <TD><IMG src="mitglieder_tab.gif" alt="mitglieder_tab.gif" width="580px" height="23px">
     </TD>
    </TR>
   </TABLE>
  </TD>
 </TR>
 <TR>
  <TD>
   <TABLE border="1" bordercolor="000000" style="width:580px; border-collapse:collapse; table-layout:fixed; border:1px solid #000000">
    <TR>
     <TD style="text-align:right">1 
     </TD>
     <TD> Björn B.
     </TD>
     <TD style="text-align:center">14.05.1983
     </TD>
     <TD> -
     </TD>
     <TD style="text-align:center"> -
     </TD>
    </TR>
   </TABLE>
  </TD>
 </TR>
</TABLE>

[Axel Richter]

Hallo,

pack das Bild in ein div mit CSS-Höhenangabe, margin:0, padding:0 und overflow:hidden. Über height: kannst Du dann die Höhe genau steuern. Die Tabelle drunter bekommt auch margin:0. Dann dürfte nichts mehr zwischen div und Tabelle stehen ;-))

<div style="width:580px; height:23px; overflow:hidden; margin:0; padding:0; background-color:red;">
<IMG src="mitglieder_tab.gif" alt="mitglieder_tab.gif" width="580" height="23">
</div>
<table border="1" style="width:580px; margin:0; ...">

<TABLE border="1" bordercolor="000000" style="width:580px; border-collapse:collapse; table-layout:fixed; border:1px solid #000000">
    <TR>
     <TD style="text-align:right">1 
     </TD>
     <TD> Björn B.
     </TD>
     <TD style="text-align:center">14.05.1983
     </TD>
     <TD> -
     </TD>
     <TD style="text-align:center"> -
     </TD>
    </TR>
   </TABLE>
  </TD>
</TR>
</TABLE>

Gruß

Axel

[Domstädter]

Danke,
cool, endlich habe ich auch das richtig.

Jetzt ist mir allerdings etwas neues aufgefallen. Und zwar sehe ich gerade, dass sämtliche Tabellen unter Netscape nicht zentriert sind. Was muß ich machen, damit die Tabellen auch unter Netscape zentriert sind? Also mit <div> oder <p> scheint es nicht zu funktionieren.

Hoffe ihr könnt mir auch bei diesem Problem helfen.

Viele Grüße,
           Florian