[HTML] Logo zentrieren und rechts davon Text

[faux]

Hallo!

Hätte mal ne Layoutfrage zu HTML bzw CSS.
Ich habe eine Tabelle mit einer Spalte die zentriert ist und da ist ein Logo drinnen. Sieht in etwa so aus:

Code:

<table width="100%">
  <tr>
    <td align="center">[img]images/logo.jpg[/img]</td>
  </tr>
</table>

Da das Logo nur 500px breit ist, habe ich natürlich links und rechts vom Bild noch Platz für Hinweise. Das Logo MUSS unbedingt in der Mitte bleiben, da gibts keinen Ausweg und der Text rechts vom Logo (links soll kein Text hin) sollte auch zentriert sein und es darf kein vertikaler Scollbalken im Browser sichtbar sein.
Jetzt dachte ich mir, ich löse das so:

Code:

<table width="100%">
  <tr>
    <td width="40%"></td>
    <td align="center">[img]images/logo.jpg[/img]</td>
    <td width="40%">Hier kommt der Text hinein, der durchaus etwas länger sein kann und auch sehr oft an mehreren Stellen umgebrochen werden muss.</td>
  </tr>
</table>

Im Firefox funktioniert das ganz gut. Mache ich das Fenster kleiner, so staucht es den Text zusammen (da das Bild ja fix ist) und links und rechts ist wieder der selbe Abstand und das Logo in der Mitte. Aber wie immer spielt der Internet Explorer da nicht mit. Er meint, er muss die 40% der Breite der äußeren Spalten anhand der Spalte des Logos berechnen und macht diese also immer mindestens 200px breit, da die mittlere ja wie gesagt aufgrund des Logos mindestens 500px breit ist. Dadurch habe ich unweigerlich einen vertikalen Scrollbalken, den ich hier ganz und garnicht brauche.

Wie kann ich das denn lösen? Hat jemand ne Idee?

Grüße
Faux

[Daniel B]

http://de.selfhtml.org/html/grafiken/ausrichten.htm hth

[faux]

So gehts leider auch nicht. Denn sobald ich einen Zeilenumbruch mache, ist der Text logischerweise unter dem Bild.

Grüße
Faux

[alcaeus]

Moin,

versuchs mal so:

Code:

<table ...>
  <tr>
    <td style="text-align:center;">
      [img][/img] Ich bin ein Blindtext. Ich werde nicht oft gelesen, aber dieses Mal schon. Ich sollte mich nur auf dem rechten Rand des Bildes bewegen, wurde mir gesagt.<div style="clear:both;"></div>
    </td>
  </tr>
</table>

Greetz
alcaeus

PS: ja, ich bin grad erst aufgestanden.