Carsten Fieguth: Vertikale Ausrichtung in einer Tabelle

Ja hallo erstmal...

Habe folgenden Code für eine Tabelle erzeugt:

<table align="center" border="0" width="600" height="60" background="hinterhead.gif">

<td align="center" width="100%" background="hinterhead.gif" valign="middle"><h1 valign="center" align="center">Fotos Mai 2003</h1>

</td>
</table>

Soll also ein Hintergrundbild angezeigt werden mit vertikal und horizontal ausgerichteter Schrift. Leider setzt der IE6 den Text zu hoch. Im Netscape 7 klappt es hervorragend.

Habe es auch schon mit valign="middle" versucht, ohne besseres Ergebnis...

Hoffe auf Hilfe,

Carsten

  1. Hallo Carsten

    <table align="center" border="0" width="600" height="60" background="hinterhead.gif">

    <td align="center" width="100%" background="hinterhead.gif" valign="middle"><h1 valign="center" align="center">Fotos Mai 2003</h1>

    </td>
    </table>

    Wo hast du denn das <tr></tr>  ???

    Soll also ein Hintergrundbild angezeigt werden mit vertikal und horizontal ausgerichteter Schrift. Leider setzt der IE6 den Text zu hoch. Im Netscape 7 klappt es hervorragend.

    Habe es auch schon mit valign="middle" versucht, ohne besseres Ergebnis...

    Das Attribut valign="center" gibt es nicht, ändere mal diese Werte und dann wirds wohl funktionieren.
    Das valign beim <h1> kannst du weglöschen, das bringt hier nichts, ebenso wie das align.

    freundliche Grüsse,
    Daniel

    --
    Das ist der ganze Jammer, die Dummen sind immer so sicher und die Gescheiten so voller Zweifel.
    [Bertrand Russell]
  2. Hallo,

    <table align="center" border="0" width="600" height="60" background="hinterhead.gif">

    Das height-Attribut ist bei Table nicht erlaubt.
    ggf. durch style="height:100%" ersetzen.

    Wie schon Daniel schrieb, fehlt <tr>.
    <table> darf nicht direkt <td> enthalten.

    <td align="center" width="100%" background="hinterhead.gif" valign="middle"><h1 valign="center" align="center">Fotos Mai 2003</h1>

    Ggf. margin und padding fuer diese h1 auf Null setzen:
    td h1 { margin:0; padding:0; }

    valign in h1 wegmachen.

    Hoffe auf Hilfe

    Setze doch lieber gleich konsequent auf CSS!

    Falls die "Tabelle" nur diese eine Zelle hat,
    ist sie sowieso ueberfluessig.
    Ich wuerde in dem Fall einfach direkt h1 formatieren.

    Gruesse,

    Thomas

    --
    Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
    Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
    Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/