✔ 2 Tabellen horizontal nebeneinander

[Maik]

Wofür verwendest Du überhaupt die margin-Angabe, wenn für die beiden floatenden Tabellen schon die Attribute cellpadding="10" und cellspacing="10" gesetzt sind, und so ihre Inhalte einen horizontalen Abstand zueinander besitzen?

 

[lomax-fx]

Das Cellpadding="10" und Cellspacing="10" bezieht sich ja nur auf den Inhalt der beiden Tabellen, also die Zellen darin. Mit dem margin-right für die erste Tabellen will ich ja erreichen das sie einen genauen Abstand von 12px zur nächsten hat. Wenn du dir nochmal das Bild von mir anschaust aus dem 1. Post verstehst du auch warum.

 

[Maik]

Dann schalte mal zu Testzwecken die Tabellenrahmen ein.

 

[lomax-fx]

Also ich seh da so nichts. Nur die Rahmen aber was sollen dir mir denn jetzt sagen?

 

[Maik]

Die Rahmen verdeutlichen, daß zwischen den Inhalten der linken und rechten Tabelle schon ein horizontaler Abstand besteht.

Anyway, das wäre dann mein letzter Vorschlag, der in allen mir zur Verfügung stehenden Browsern funktioniert:

<table border="1" cellspacing="12" width="100%">
 <tr>
   <td style="width:50%;">
       <table width="100%" border="1" cellpadding="10" cellspacing="10" class="box-layout">
         <tr>
           <td class="box-header">header left</td>
         </tr>
         <tr>
           <td>left</td>
         </tr>
         <tr>
           <td>left</td>
         </tr>
      </table>
   </td>
   <td style="width:50%;">
       <table width="100%" border="1" cellpadding="10" cellspacing="10" class="box-layout">
         <tr>
           <td class="box-header">header right</td>
         </tr>
         <tr>
           <td>right</td>
         </tr>
         <tr>
           <td>right</td>
         </tr>
      </table>
   </td>
 </tr>
</table>

 

[lomax-fx]

Hallo,

es funktioniert jetzt so wie ich es mir vorgestellt hatte. Vielen lieben Dank Maik!

Gruß