Vertikal mittige Ausrichtung

[Commodore]

Hi,

Erstmal mein Code:

<table style="border:1px solid red; float:left;">
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
</table>
<span style="float:left;">+</span>
<table style="border:1px solid blue; float:left;">
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
</table>

Mein Problem: Das Pluszeichen soll vertikal gesehen mittig zwischen beiden Tabellen sein. Mit margin kann man hier nicht arbeiten, da der Inhalt aus der Tabelle nicht statisch ist und somit die Höhe der Tabellen variiert.


Bitte helft mit, ich bin mit meinem Latein am ende :-/

 

[BcF]

Häng doch das plus an die erste Tabelle an:

<table style="border:1px solid red; float:left;">
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
    [COLOR=Green][B]<td rowspan="2" style="vertical-align:middle;">+</td>[/B][/COLOR]
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
</table>
<table style="border:1px solid blue; float:left;">
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
</table>

Justieren kann man dann ja mit padding im entsprechenden <td>.
Was anderes fällt mir auch nicht ein.

EDIT:
Man müsste natürlich einen Umweg gehen, was den Rahmen betrifft. Ich tippe jetzt einfach mal:
- table {border:0 collapse;}
- td {border:solid #F00 1px;}
-- Ausgenommen das mit dem Plus
Ich hoffe, ich hab jetzt nicht völlig daneben gehauen ;)

 

[Commodore]

Häng doch das plus an die erste Tabelle an:
[...]
Justieren kann man dann ja mit padding im entsprechenden <td>.
Was anderes fällt mir auch nicht ein.

Man, bin ich blöd :lol:

Thx, dank dir werd ich heute nicht noch bis 2 Uhr Nachts über das Problem denken ;ugl