AGB  ·  Datenschutz  ·  Impressum  







Anmelden
Nützliche Links
Registrieren
Zurück Delphi-PRAXiS Programmierung allgemein Programmieren allgemein HTML - Tabelle auf ganze seitenhöhe

HTML - Tabelle auf ganze seitenhöhe

Ein Thema von jamma-markus · begonnen am 5. Mär 2006 · letzter Beitrag vom 5. Mär 2006
Antwort Antwort
Benutzerbild von jamma-markus
jamma-markus

Registriert seit: 16. Okt 2004
Ort: Kempen
58 Beiträge
 
#1

HTML - Tabelle auf ganze seitenhöhe

  Alt 5. Mär 2006, 13:30
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.
  Mit Zitat antworten Zitat
monta

Registriert seit: 18. Okt 2004
Ort: Dresden
141 Beiträge
 
#2

Re: HTML - Tabelle auf ganze seitenhöhe

  Alt 5. Mär 2006, 13:40
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
Johannes M.
  Mit Zitat antworten Zitat
Benutzerbild von jamma-markus
jamma-markus

Registriert seit: 16. Okt 2004
Ort: Kempen
58 Beiträge
 
#3

Re: HTML - Tabelle auf ganze seitenhöhe

  Alt 5. Mär 2006, 13:46
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/
  Mit Zitat antworten Zitat
Benutzerbild von Die Muhkuh
Die Muhkuh

Registriert seit: 21. Aug 2003
7.332 Beiträge
 
Delphi 2009 Professional
 
#4

Re: HTML - Tabelle auf ganze seitenhöhe

  Alt 5. Mär 2006, 13:50
Du musst bei Style noch margin: auto hinzufügen.
  Mit Zitat antworten Zitat
Benutzerbild von S2B
S2B

Registriert seit: 1. Feb 2004
Ort: Aachen
1.268 Beiträge
 
#5

Re: HTML - Tabelle auf ganze seitenhöhe

  Alt 5. Mär 2006, 14:14
Nimm mal den Doctype, den die DP verwendet, damit geht es normal.
Simon Praetorius
Gruß
S2B
  Mit Zitat antworten Zitat
Benutzerbild von jamma-markus
jamma-markus

Registriert seit: 16. Okt 2004
Ort: Kempen
58 Beiträge
 
#6

Re: HTML - Tabelle auf ganze seitenhöhe

  Alt 5. Mär 2006, 14:29
Zitat von Spider:
Du musst bei Style noch margin: auto hinzufügen.
welche zeile?
  Mit Zitat antworten Zitat
Benutzerbild von jamma-markus
jamma-markus

Registriert seit: 16. Okt 2004
Ort: Kempen
58 Beiträge
 
#7

Re: HTML - Tabelle auf ganze seitenhöhe

  Alt 5. Mär 2006, 15:19
so, problem behoben
  Mit Zitat antworten Zitat
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Ansicht

Forumregeln

Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus

Gehe zu:

Impressum · AGB · Datenschutz · Nach oben
Alle Zeitangaben in WEZ +1. Es ist jetzt 07:43 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