Standart HTML: Tabelle 100%

Fragen zum Thema HTML, JavaScript, PHP
Antworten
Benutzeravatar
naums
Beiträge: 740
Registriert: Sa Jan 02, 2010 10:40 pm
Kontaktdaten:
Kontaktdaten von naums

Standart HTML: Tabelle 100%

Beitrag von naums » Sa Sep 11, 2010 4:13 pm

Ich benutze den Standart loose

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
ich will eine Tabelle haben, die 100% hoch ist, also den gesamten Bildschirm einnimt.

folgender grund: In der Tabelle habe ich dann ein Formular, was in der Mitte der Seite sein soll, sowohl horizontal als auch vertikal. width=100% wird umgesetzt, soweit so gut, aber bei dem height=100% streikt der FF.

Codebeispiel:

Code: Alles auswählen

<TABLE width="100%" height="100%"><TR><TD align="center" valign="middle">
<form name="login" method="post" action="login.php">
</form>
</TD></TR></TABLE>
Wie kann ich die Tabelle 100% hoch machen?
.globl truth
truth:
mov r0, #42
mov pc, lr
Nach oben
Benutzeravatar
cloidnerux
Moderator
Beiträge: 3125
Registriert: Fr Sep 26, 2008 4:37 pm
Wohnort: Ram (Gibts wirklich)

Re: Standart HTML: Tabelle 100%

Beitrag von cloidnerux » Sa Sep 11, 2010 4:34 pm

In meinem FF 3.6.9 funktioniert folgender code einwandfrei:

Code: Alles auswählen

<html>
<head></head>
<body>
<table height="100%" width="100%">
<tr>
<td><center>center</center></td>
</tr>
</table>
</body>
</html>
Der Text steht in der Mitte, keine Fehler in der Fehler Konsole.
Du solltest aber beachten, dass das Element height nicht im HTML-Standard ist.
Redundanz macht wiederholen unnötig.
quod erat expectandum
Nach oben
Benutzeravatar
Dubbel
Beiträge: 197
Registriert: So Jul 06, 2008 6:25 pm
Wohnort: Kopenhagen
Kontaktdaten:
Kontaktdaten von Dubbel

Re: Standart HTML: Tabelle 100%

Beitrag von Dubbel » Sa Sep 11, 2010 4:38 pm

AAAAAAAAAaaaaaaaah! Tabellendesign! :( :D

Tabellen sollten nur zur Übersichtlichen Auflistung von Inhalten benutzt werden.
Was du brauchst, ist ein Div-Container, in den du das Formular reinpacken kannst:

Code: Alles auswählen

<div style="position:relative;">
    <div style="margin: 25% auto;text-align:center;">
        <form>
             <input type="text" name="fubar"/>
        </form>
     </div>
</div>
margin: 25% auto; bedeutet, dass der Abstand oben und unten jeweils 25% beträgt. Je größer dein Formular ist, desto kleiner muss dieser Wert werden, da die Höhe des Formulars davon abgezogen werden muss. auto bedeutet, dass der Abstand rechts und links jeweils gleich sein soll. Leider gibt es keinen "auto"-Wert für oben/unten.
Nach oben
Benutzeravatar
naums
Beiträge: 740
Registriert: Sa Jan 02, 2010 10:40 pm
Kontaktdaten:
Kontaktdaten von naums

Re: Standart HTML: Tabelle 100%

Beitrag von naums » Sa Sep 11, 2010 5:21 pm

Code: Alles auswählen

style="margin-top:25%"
jetzt hab ich das hinzugefügt. Aber warum ist der Freiplatz nich dynamisch?
.globl truth
truth:
mov r0, #42
mov pc, lr
Nach oben
Benutzeravatar
Dubbel
Beiträge: 197
Registriert: So Jul 06, 2008 6:25 pm
Wohnort: Kopenhagen
Kontaktdaten:
Kontaktdaten von Dubbel

Re: Standart HTML: Tabelle 100%

Beitrag von Dubbel » Sa Sep 11, 2010 5:48 pm

Was meinst du mit Freiplatz?

Es gibt kein auto für top und bottom-margin, weil die Höhe des HTML-Dokuments ja nicht von der Browser-Fenster-Höhe abhängt, und jeder Veränderung der Höhe des Divs auch die Höhe des gesamten Fensters verändert, sodass sich der Browser nicht auf eine Position einigen kann, da sich alles dauernd verschiebt.
Nach oben
Benutzeravatar
naums
Beiträge: 740
Registriert: Sa Jan 02, 2010 10:40 pm
Kontaktdaten:
Kontaktdaten von naums

Re: Standart HTML: Tabelle 100%

Beitrag von naums » Sa Sep 11, 2010 6:05 pm

... ich globs ne. Ohne diesen hässlichen "standart" geht alles klasse. Sogar Height wird vom IE angenommen. Aber dieser "Standart" macht alles so schwer.
.globl truth
truth:
mov r0, #42
mov pc, lr
Nach oben
Dominik
Beiträge: 381
Registriert: Mo Jul 07, 2008 9:39 pm

Re: Standart HTML: Tabelle 100%

Beitrag von Dominik » So Sep 12, 2010 11:15 am

Schwer?
Er zwingt dich nur mal anständiges etwas zu machen


mfg;)
Rechtschreibefehler sind gewollt und dienen der Unterhaltung
Nach oben
Benutzeravatar
naums
Beiträge: 740
Registriert: Sa Jan 02, 2010 10:40 pm
Kontaktdaten:
Kontaktdaten von naums

Re: Standart HTML: Tabelle 100%

Beitrag von naums » Mo Sep 13, 2010 6:53 am

ich weiß ja nich, wenn jeder Browser etwas besser kann, als es eigentlich standart ist, auch wenn der IE nicht allzu viel mehr kann ^^ , warum gibts dann diesen Standart überhaupt? Macht es denn nicht mehr Sinn, den Standart insoweit abzuändern, dass jeder Browser den noch unterstützt, aber immernoch so viele Funktionen von allen Browsern wie möglich mitzunehmen?...

Was bringts sich darüber aufzuregen. Blöd nur, dass ich den Standart benutzen sollte ^^. Aber vllt. schmeiß ich den beim CMS über Bord. ^^ wird sich noch zeigen. thx euch erstmal.
.globl truth
truth:
mov r0, #42
mov pc, lr
Nach oben
Benutzeravatar
cloidnerux
Moderator
Beiträge: 3125
Registriert: Fr Sep 26, 2008 4:37 pm
Wohnort: Ram (Gibts wirklich)

Re: Standart HTML: Tabelle 100%

Beitrag von cloidnerux » Mo Sep 13, 2010 7:55 am

ich weiß ja nich, wenn jeder Browser etwas besser kann, als es eigentlich standart ist, auch wenn der IE nicht allzu viel mehr kann ^^ , warum gibts dann diesen Standart überhaupt? Macht es denn nicht mehr Sinn, den Standart insoweit abzuändern, dass jeder Browser den noch unterstützt, aber immernoch so viele Funktionen von allen Browsern wie möglich mitzunehmen?...

Was bringts sich darüber aufzuregen. Blöd nur, dass ich den Standart benutzen sollte ^^. Aber vllt. schmeiß ich den beim CMS über Bord. ^^ wird sich noch zeigen. thx euch erstmal.
Es gab erst die Standards, dann die Implembntierungen. Alle browser müssen mindetsens diese erfüllen, was sie aber nicht tun=>Problem des Browsers.
Zudem weiß ich nciht, was du immer mit deiner Stand-art willst.
Redundanz macht wiederholen unnötig.
quod erat expectandum
Nach oben
Benutzeravatar
naums
Beiträge: 740
Registriert: Sa Jan 02, 2010 10:40 pm
Kontaktdaten:
Kontaktdaten von naums

Re: Standart HTML: Tabelle 100%

Beitrag von naums » Mo Sep 13, 2010 10:16 am

:oops: ich bin Deutsch Grundkurs, was willst du erwarten, alta eh. :P

so... jetzt hab ich das Niveau genug für den Monat nach unten hin gesprengt. ;) Nur aber was bringen "Standards" wenn kaum ein Browser sich wirklich 100%ig dran hält. Auch haben wir in der Schule HTML gehabt, aber auch ohne diese "Standards" entweder weil der Lehrer das auch ne konnte, oder weil das ohne die Definition des Doctype wohl leichter ist was halbwegs schönes bei rauszubringen ^^
.globl truth
truth:
mov r0, #42
mov pc, lr
Nach oben
Antworten

Zurück zu „Webentwicklung“