valign funktioniert nicht

somm3r · 4 Mai 2010

Hallo, ich bin blutiger anfänger wenns um HTML geht und bin nu dabei eine kleine Übungspage zu bauen, bin jetzt aber auf das erste Problem gestoßen. Ich würde den ganzen kram gerne vertikal und horizontal ausrichten, horizontal geht auch, aber bei der vertikalen hapert es..

<html>
<head>
<title>somm3r - main</title>
</head>
<body bgcolor="#25300a" text="#111111" link="#ffffff" vlink="#ffffff" alink="#ffffff">
<table bgcolor="#95c128" valign="middle" align="center" border="0">
<tr>
<td colspan="4" width="360" height="20" align="right">erstellt für Mozilla Firefox</td>
<td rowspan="4" width="200" height="500"><img src="pix/kim.jpg" alt="schatz"></td>
</tr>
<tr>
<th width="90" height="20" align="center" bgcolor="#25300a"><a href="index.html">main</a></th>
<th width="90" height="20" align="center" bgcolor="#25300a"><a href="info.html">info</a></th>
<th width="90" height="20" align="center" bgcolor="#25300a"><a href="kontakt.html">kontakt</a></th>
<th width="90" height="20" align="center" bgcolor="#25300a"><a href="impressum.html">impressum</a></th>
</tr>
<tr>
<td colspan="4" width="360" height="380" align="left" bgcolor="#d3ea98"></td>
</tr>
<tr>
<th colspan="4" width="360" height="17" align="center">© 2010 somm3r</th>
</tr>
</table>
</body>
</html>

Wäre super wenn ihr mir da helfen könnt.

MfG Sören

somm3r · 4 Mai 2010

Also mein Gedanke war, das ich wie align="center" auch valign="middle" einfach bei <table> mit reinmache, was scheinbar nicht geht, ich habe da schon was von css gehört, damit wollte ich aber noch nicht anfangen..

mermshaus · 4 Mai 2010

So scheint's im Firefox und IE zu funktionieren. Keine Ahnung, wie und wo noch. Tabellen sollten aber nicht zu Layoutzwecken verwendet werden, sondern lediglich zur Darstellung tabellarischer Daten. Durchsuche das Web nach "css horizontal vertical centering" für bessere Lösungsansätze ohne Tabellen.

Außerdem ist der Aufwand nicht größer, wenn du sofort die CSS-Eigenschaften lernst statt der veralteten HTML-Attribute (bgcolor="#25300a" text="#111111" link="#ffffff" vlink="#ffffff" alink="#ffffff" usw.). Die kannst du heutzutage vergessen.

HTML:

<!DOCTYPE html>

<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Demo</title>
    </head>

    <body style="padding: 0; margin: 0; height: 100%;">
        <table style="background: #f00; position: absolute; top: 0; right: 0; bottom: 0; left:0;
                      width: 100%; height: 100%; border: none; padding: 0; margin: 0;">
            <tr>
                <td style="text-align: center; vertical-align: middle;">
                    <p>Dies ist ein Test</p>
                </td>
            </tr>
        </table>
    </body>

</html>

stachelbeer · 4 Mai 2010

http://www.html.de/html-und-xhtml/3...ebsite-habe-alles-ausprobiert.html#post244550

valign funktioniert nicht

somm3r

Neues Mitglied

somm3r

Neues Mitglied

mermshaus

Senior HTML'ler

stachelbeer

Neues Mitglied

Neueste Beiträge