Vertikale Ausrichtung von Text in einer Tabelle im IE fehlerhaft

Hallo,

ich habe ein kleines Problemchen in einer Tabelle bzw. in einer Spalte davon, allerdings nur im IE.

Links in der Spalte steht ein Text, in der rechten Spalte ebenso. Der linke Text ist vertikal genau mittig angeordnet, der rechte allerdings weiter oben, was doch etwas unschön aussieht. Ich muss dazu sagen, ich nutze hier php und zudem <pre> in der rechten Spalte, um Text mit Zeilenumbrüchen anzeigen lassen zu können, da die Einträge aus einer SQL Datenbank ausgelesen werden. Vielleicht wird ja ein Zeilenumbruch automatisch angehängt, auch wenn nicht vorhanden? Jedenfalls nur im IE...

hier mal mein Code Schnipsel

echo "<tr bgcolor='#E8E7E6'><td width='20'><img src='...' alt=''></td>
<td width='230'>&nbsp;<b>Bemerkungen</b></td>
<td width='300'><pre>$bemerkung</pre></td></tr>";

Im Firefox dagegen siehts ganz toll aus

Achja, für pre habe ich in meiner .css auch noch white-space: pre-wrap; definiert unter anderem, aber das dürfte damit nichts zu tun haben.

Hallo,

valign hat leider keine Auswirkungen.

<tr bgcolor='#E8E7E6'><td width='20' height='18'><img src='./bilder/paste_plain.png' alt=''></td>
<td width='230'>&nbsp;<b>Bemerkungen</b></td>
<td width='300'><pre>Fa(s)t Food</pre></td></tr>

Die revelanten Dinge in der CSS sind folgende

body, td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}




pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #000000;
}

Den pre part in der CSS habe ich irgendwo aus dem Netz übernommen, weil ich ohnehin schon froh war, endlich die Lösung dafür gefunden zu haben, dass mir Texte ohne Zeilenumbruch die Seite immer nach rechts haben scrollen lassen Vielleicht liegt der Hund ja auch hier begraben...

Edit: Ok, auch ohne den pre Absatz im CSS ist mein Problem noch da

Ohne pre im html teil ist das Problem durchaus weg. Nur weiß ich dann nicht mehr, wie ich mir meine Variable mit den Zeilenumbrüchen anzeigen lassen kann. Denn es handelt sich dabei um eine Textarea, in die die User durchaus mehr - und auch mehrzeilig - eintragen. Ohne pre wird das ganze leider nur ohne Umbrüche angezeigt.

Funktioniert leider auch nicht

Habe im "original" noch ein einzelnes <td> für ganz links, nur ein paar px Breit, als optischer "Abstandshalter", hab das aber der Einfachheit halber oben im Quelltext weggelassen. Doch das dürfte sowieso keinen Unterschied machen, der IE mag mich einfach nicht....

Edit: Hab jetzt mal spaßhalber ein <br> vor das pre gebaut. Im IE passt dann die Ausrichtung, aber im Firefox eben nicht mehr. Baue ich vor beide Spalten ein <br> passt zwar die Ausrichtung zueinander in beiden Browsers (außer dass im Firefox oben eine leere Zeile dazukommt) NUR in mehrzeiligen Feldern, wenn ich das richtig gesehen habe. Ist der rechte Spalteneintrag einzeilig, passts wieder hinten und vorne nicht. Ach weh...

Stimmt, dein Code geht. Mir ist aber etwas daran aufgefallen. Du schließt den <pre> tag nicht, sondern machst einfach noch einen, statt </pre> zu nehmen. Wenn ich es so mache wie bei dir, also ohne zu schließen, ists bei mir auch richtig ausgerichtet, ansonsten nicht. Ist ja komisch...