Seite 1 von 2

Standart HTML: Tabelle 100%

Verfasst: Sa Sep 11, 2010 4:13 pm
von naums
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?

Re: Standart HTML: Tabelle 100%

Verfasst: Sa Sep 11, 2010 4:34 pm
von cloidnerux
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.

Re: Standart HTML: Tabelle 100%

Verfasst: Sa Sep 11, 2010 4:38 pm
von Dubbel
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.

Re: Standart HTML: Tabelle 100%

Verfasst: Sa Sep 11, 2010 5:21 pm
von naums

Code: Alles auswählen

style="margin-top:25%"
jetzt hab ich das hinzugefügt. Aber warum ist der Freiplatz nich dynamisch?

Re: Standart HTML: Tabelle 100%

Verfasst: Sa Sep 11, 2010 5:48 pm
von Dubbel
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.

Re: Standart HTML: Tabelle 100%

Verfasst: Sa Sep 11, 2010 6:05 pm
von naums
... ich globs ne. Ohne diesen hässlichen "standart" geht alles klasse. Sogar Height wird vom IE angenommen. Aber dieser "Standart" macht alles so schwer.

Re: Standart HTML: Tabelle 100%

Verfasst: So Sep 12, 2010 11:15 am
von Dominik
Schwer?
Er zwingt dich nur mal anständiges etwas zu machen


mfg;)

Re: Standart HTML: Tabelle 100%

Verfasst: Mo Sep 13, 2010 6:53 am
von naums
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.

Re: Standart HTML: Tabelle 100%

Verfasst: Mo Sep 13, 2010 7:55 am
von cloidnerux
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.

Re: Standart HTML: Tabelle 100%

Verfasst: Mo Sep 13, 2010 10:16 am
von naums
: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 ^^