DenniO: Bei Tabelle wird Text in mittiger Höhe angezeigt

Hallo
ich habe mit dem Editor Phase 5 folgende Seite erstellt:

<html>

<head>
<titel></titel>
</head>

<body bgcolor="gray" text="white" link="#660000" alink="#660000" vlink="#660000">

<style>
body {scrollbar-face-color: #000000;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #grey;
scrollbar-darkshadow-color: #grey;
scrollbar-track-color: #000000; scrollbar-arrow-color: #grey; }
</style>

<table width="0" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="" width="" height=""></td>
  </tr>
  <tr>
    <td><img src="" width="" height=""></td>
  </tr>
  <tr>
    <td><img src="" width="" height=""></td>
  </tr>
  <tr>
    <td><img src="" width="" height=""></td>
  </tr>
</table>
<table width="860" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
 </table>

<center><table border="1" width="900" height="200" background="" bgcolor="black">
<tr>

<td><center>Test-Text</center></td>

</tr>
</table>
</center>

</body>

</html>

Und wenn ihr euch diesen Code als Seite anseht, dann werdet feststellen, dass der Testtext in der Mitte der Höhe angezeigt wird. Aber ich will nur, dass er in der Mitte der Breite angezeigt wird. Woran könnte dass liegen?

Vielen dank im Vorraus
MfG
DenniO

  1. Hallo,

    ich habe mit dem Editor Phase 5 folgende Seite erstellt:

    Autsch. Genauso sieht dein Code aus :-(

    http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=Doctype fehlt.

    <html>

    <head>
    <titel></titel>

    Titel fehlt.

    </head>

    <body bgcolor="gray" text="white" link="#660000" alink="#660000" vlink="#660000">

    Diese Attribute kannst du getrost entfernen und die gewünschten Formatierungen in deinem CSS festlegen.

    <style>
    body {scrollbar-face-color: #000000;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #grey;
    scrollbar-darkshadow-color: #grey;
    scrollbar-track-color: #000000; scrollbar-arrow-color: #grey; }
    </style>

    <style>-Bereiche gehören in den <head>.

    <table width="0" border="0" align="center" cellpadding="0" cellspacing="0">

    Auch diese Angaben möchtest du in dein CSS verlagern.

    […]
    <center>

    Zentriert wird auch mit CSS.

    <table border="1" width="900" height="200" background="" bgcolor="black">

    auch diese Formatierungen bitte in's CSS verlagern.

    […]

    Und wenn ihr euch diesen Code als Seite anseht, dann werdet feststellen, dass der Testtext in der Mitte der Höhe angezeigt wird. Aber ich will nur, dass er in der Mitte der Breite angezeigt wird. Woran könnte dass liegen?

    An der Tabelle. Die Inhalte von Tabellenzellen werden defaultmäßig auf „vertical-align:middle“ gesetzt. Du müsstest also entweder „vertical-align:top“ für die Tabelle definieren (im Stylesheet), oder, was ich empfehlen würde, die Tabelle durch ein einfaches Block-Element ersetzen. Du hast ja anscheinend keine tabellarischen Daten.

    mfg. Daniel

  2. Hallo!

    Ich kann dir nur einen Tip geben: Lerne CSS! Dein Code ist gar schröcklich! :-)

    <center> -> Absolut veraltet
    Layouttabellen -> Absolut veraltet
    Angaben wie:

    bgcolor="gray" text="white" link="#660000" alink="#660000" vlink="#660000"

    sind auch total veraltet. Du kannst das alles per CSS lösen. Wenn du das gemacht hast, dann findest du Fehler besser und hast einen korrekten Code.
    Außerdem schließt du zum Beispiel einen <tr>-Tag nicht richtig. Also: erst richtiges HTML schreiben, dann nach Fehlern suchen.

    ciao, ww

    --
    They are red and hot