D.R.: Bei Tabelle wird Text in mittiger Höhe angezeigt

Beitrag lesen

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