Delphi-PRAXiS

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)
-   Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)
-   -   HTML - Tabelle auf ganze seitenhöhe (https://www.delphipraxis.net/64570-html-tabelle-auf-ganze-seitenhoehe.html)

jamma-markus 5. Mär 2006 12:30
HTML - Tabelle auf ganze seitenhöhe
 
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
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 5. Mär 2006 12:40
Re: HTML - Tabelle auf ganze seitenhöhe
 
wenn du die eigentliche Tabelle in eine Unsichtbare Tabelle packst und das valign="middle" in das umschließende <td> packst, funtkionertes.

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 5. Mär 2006 12:46
Re: HTML - Tabelle auf ganze seitenhöhe
 
so, jetzt hier mal der quelltext:
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 5. Mär 2006 12:50
Re: HTML - Tabelle auf ganze seitenhöhe
 
Du musst bei Style noch margin: auto hinzufügen.

S2B 5. Mär 2006 13:14
Re: HTML - Tabelle auf ganze seitenhöhe
 
Nimm mal den Doctype, den die DP verwendet, damit geht es normal. :wink:

jamma-markus 5. Mär 2006 13:29
Re: HTML - Tabelle auf ganze seitenhöhe
 
Zitat:
Zitat von Spider
Du musst bei Style noch margin: auto hinzufügen.
welche zeile?

jamma-markus 5. Mär 2006 14:19
Re: HTML - Tabelle auf ganze seitenhöhe
 
so, problem behoben


Alle Zeitangaben in WEZ +1. Es ist jetzt 05:26 Uhr.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024 by Thomas Breitkreuz