nicht angemeldet
Tabellenhöhe 100% nicht gültig?
Hallo,
meine Seite besteht aus einer Tabelle, welche als Höhe die Fenstergröße des Browsers haben soll. Deshalb habe ich als Höhe 100% angegeben.
Im IE und im Mozilla Firefox wird das so auch richtig angezeigt.
Allerdings ist es laut W3C kein gültiges HTML 4.1 Transitional und bei Angabe der DTD schrumpft die Höhe auf ca. 30%.
Gibt es alternative Möglichkeiten? Oder wie muss ich die Höhe angeben, damit es auch mit DTD korrekt angezeigt wird?
Gruß Alex
-
Hallo,
diese Frage gehört zu den FAQ, und du findest die Antwort im </archiv> (Suchbegriffe: table height 100%)
kurz:
Du mußt zur Formatierung der Tabelle CSS benutzen.
<table style="height:100%">Die Prozentangabe bezieht sich auf die Höhe des Elternelements.
Darum mußt du die Höhe für <body> und <html> auch auf 100% setzen.
Dazu schreibst du im <head>-Bereich<style type="text/css">
html, body {height:100%;}
</style>mfg NAG
--
signatur-
Du mußt zur Formatierung der Tabelle CSS benutzen.
<table style="height:100%">jap, das benutz ich auch
Die Prozentangabe bezieht sich auf die Höhe des Elternelements.
Darum mußt du die Höhe für <body> und <html> auch auf 100% setzen.
Dazu schreibst du im <head>-Bereich<style type="text/css">
html, body {height:100%;}
</style>danke, dass wusste ich nicht!
ich habs jetzt grad mal ausprobiert, aber dann geht das menü über den fensterrand raus (ohne scrollbars) und mein menü (js) wird nicht richtig angezeigt. mhm :/
gruß alex
-
Im IE wirds richtig angezeigt, nur im Mozilla nicht, wenn ich bei body/html 100% angebe.
-
Hi,
Im IE wirds richtig angezeigt, nur im Mozilla nicht, wenn ich bei body/html 100% angebe.
Das ist mit an Sicherheit grenzender Wahrscheinlichkeit genau andersrum.
Box-Model-Bug des IE läßt grüßen.
Der IE mag es zwar so anzeigen, wie Du es gerne hättest, aber mit sehr hoher Wahrscheinlichkeit entsprechen Deine CSS-Vorgaben nicht dem, was Du haben willst - aufgrund des Fehlers im IE wird es dort aber fälschlicherweise so dargestellt...cu,
Andreas--
MudGuard? Siehe http://www.Mud-Guard.de/-
Das ist mir schon klar, sorry wenn ich mich falsch ausgedrückt habe.
Allerdings bezog sich die Aussage auf den vorigen Tipp womit der IE es ja richtig interpretiert (allerdings nur ohne Angabe einer DTD).
Aber ich weiß nicht warum es im Firefox nicht auch so angezeigt wird.
Vielleicht hilft es ja weiter wenn sich jemand mal die Seite anschauen könnte: http://www.wms-hn.de/~gmt/
-
Hi,
Aber ich weiß nicht warum es im Firefox nicht auch so angezeigt wird.
vermutlich weil den 100% der Höhe des Fensters noch die Margins der Tabelle hinzugefügt werden, bei richtiger Verwendung des W3C-Boxmodells.
Cheatah
--
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hi,
vermutlich weil den 100% der Höhe des Fensters noch die Margins der Tabelle hinzugefügt werden,
... des <body>, sorry.
Cheatah
--
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
vermutlich weil den 100% der Höhe des Fensters noch die Margins der Tabelle hinzugefügt werden,
... des <body>, sorry.
Ja das könnte sein, ich habe da folgende Angaben:
margin-top: 15px; margin-bottom: 7px;Aber wie soll ich die von den 100% abziehen?
-
Hallo Buzz,
Ja das könnte sein, ich habe da folgende Angaben:
margin-top: 15px; margin-bottom: 7px;
Aber wie soll ich die von den 100% abziehen?Ja das geht wirklich schweer, wenn überhaupt.
Ich glaube du hast das gleiche Problem wie ich auf der Seite http://koorbash.de Da musste ich dann im Endeffekt die URL in der DTD weglassen damit es funktioniert.
Grüße
Jeena Paradies--
Bambergs Fasching - nur ein großer (Werbe-)Flop?
http://jeenaparadies.de/artikel/fasching/
Jeenas Bannertauschportal; selbstgemacht ;-)
http://jeenasbannerbude.de -
hi,
vermutlich weil den 100% der Höhe des Fensters noch die Margins der Tabelle hinzugefügt werden,
... des <body>, sorry.Ja das könnte sein, ich habe da folgende Angaben:
margin-top: 15px; margin-bottom: 7px;Aber wie soll ich die von den 100% abziehen?
gar nicht.
mache deine tabelle mit 100% grösse, ohne jeglichen margin zum body.
regle den abstand des inhaltes nach oben/unten/zu den seiten anschliessend _innerhalb_ deiner tabellenzellen.gruss,
wahsaga
-
-
-
-
-
-
-