HTML - Tabelle auf ganze seitenhöhe

**jamma-markus**

hallo,

ich möchte eine tabelle vertikal zentrieren, aber das ganze HTML 4.01 Validiert. d.h. dass die ersten 2 zeilen

Code:

			<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

   "http://www.w3.org/TR/html4/loose.dtd" >

lauten müssen.
dabei "mag" der browser (ff, ie, opera) das zentrieren mit

markieren

Code:

valign="middle"

aber nicht.
wenn der DOCTYPE weg bleibt, setzt der den inhalt direkt zentriert.

da seht ihr es

mfg

jamma-markus und vielen dank für die hilfe.

**monta**

wenn du die eigentliche Tabelle in eine Unsichtbare Tabelle packst und das valign="middle" in das umschließende <td> packst, funtkionertes.

markieren

Code:

			<table>

<tr>

<td valign="middle">

Eigentliche Tabelle....

</td> usw.

die umgebende Tabelle musst du dann allerdings noch auf Seitengröße ausdehnen, da sie sonst ja in der Höhe dem Inhalt angepasst wird

P.S.: nach W3C dienen Tabellen allerdings nicht der Inhaltsformatierung/dem Seitenaufbau aber mit fällt nichts mit Css ein

**jamma-markus**

so, jetzt hier mal der quelltext:

markieren

Code:

			<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

   "http://www.w3.org/TR/html4/loose.dtd">

<html>

  <head>

    <title>Admin Control Panel - [Seabattles]</title>

    <link rel="stylesheet" type="text/css" href="css/acp.css">

  </head>

  <body onload="document.lform.username.focus();" style="margin:0; scrolling: no; background-position: middle">

    <table border="0" style="height: 100%" width="100%">

      <tr valign="middle">

        <td align="center" height="100%" width="100%">

          <table cellpadding="0" cellspacing="0" border="0" style="width:432; height: 589">

            <tr>

              <td class="login">

                <form method="post" action="verify.php" name="lform">

                  <input type="hidden" name="login" value="1">

                  <table cellpadding="0" cellspacing="0" border="0" width="432">

                    <tr>

                      <td class="login" width="432" height="90" colspan="2">

                        [img]../style/banner.jpg[/img]

                      </td>

                    </tr>

                                            <tr>

                      <td width="216" height="12" class="login"><div class="loginbold">Benutzername:</div></td>

                      <td width="216" height="12" class="login"><input type="text" name="username" class="text" maxlength="50" style="width:216px"></td>

                    </tr>

                    <tr>

                      <td width="216" height="12" class="login"><div class="loginbold">Passwort:</div></td>

                      <td width="216" height="12" class="login"><input type="password" name="password" class="text" maxlength="50" style="width:216px"></td>

                    </tr>

                    <tr>

                      <td width="216" height="21" class="login"><input type="reset" value="Abbrechen" class="button" style="width:216px"></td>

                      <td width="216" height="21" class="login"><input type="submit" value="Einloggen" class="button" style="width:216px"></td>

                    </tr>

                    <tr>

                      <td width="216" height="6"></td>

                      <td width="216" height="6"></td>

                    </tr>

                    <tr>

                      <td width="216" height="36" class="login" colspan="2">

                        <div class="loginnormal">

                          Admin Control Panel - [Seabattles]

                          &copy; 2006 by

                        </div>

                        <div class="loginbold">

                          <a href="http://seabattles.dyndns.org/">

                            Seabattles

                          </a>

                        </div>

                      </td>

                    </tr>

                  </table>

                </form>

              </td>

            </tr>

          </table>

        </td>

      </tr>

    </table>

  </body>

</html>

der link steht ja schon oben, aber hier trotzdem nochmal:

http://seabattles.dyndns.org/acp/

**Die Muhkuh**

Du musst bei Style noch margin: auto hinzufügen.

**S2B**

Nimm mal den Doctype, den die DP verwendet, damit geht es normal.

**jamma-markus**

Zitat von Spider:

Du musst bei Style noch margin: auto hinzufügen.

welche zeile?

**jamma-markus**

so, problem behoben

HTML - Tabelle auf ganze seitenhöhe

HTML - Tabelle auf ganze seitenhöhe

Re: HTML - Tabelle auf ganze seitenhöhe

Re: HTML - Tabelle auf ganze seitenhöhe

Re: HTML - Tabelle auf ganze seitenhöhe

Re: HTML - Tabelle auf ganze seitenhöhe

Re: HTML - Tabelle auf ganze seitenhöhe

Re: HTML - Tabelle auf ganze seitenhöhe

Forumregeln

Die Muhkuh Registriert seit: 21. Aug 2003 7.332 Beiträge Delphi 2009 Professional	#4 Re: HTML - Tabelle auf ganze seitenhöhe 5. Mär 2006, 12:50 Du musst bei Style noch margin: auto hinzufügen. Manuel Blog reactivated
	Zitat

S2B Registriert seit: 1. Feb 2004 Ort: Aachen 1.268 Beiträge	#5 Re: HTML - Tabelle auf ganze seitenhöhe 5. Mär 2006, 13:14 Nimm mal den Doctype, den die DP verwendet, damit geht es normal. Simon Praetorius Gruß S2B
	Zitat

jamma-markus Registriert seit: 16. Okt 2004 Ort: Kempen 58 Beiträge	#6 Re: HTML - Tabelle auf ganze seitenhöhe 5. Mär 2006, 13:29 Zitat von Spider: Du musst bei Style noch margin: auto hinzufügen. welche zeile?
	Zitat

jamma-markus Registriert seit: 16. Okt 2004 Ort: Kempen 58 Beiträge	#7 Re: HTML - Tabelle auf ganze seitenhöhe 5. Mär 2006, 14:19 so, problem behoben
	Zitat