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