• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle in DIV automatisch verkleinern

blubsenf

Neues Mitglied
Hallöchen,

ich möchte ein DIV mit 100% Bildschirmgröße.
Darin eine Tabelle (Höhe 90%) und unten drunter noch eine Art Statuszeile (Höhe 10%):
tabelle.jpg

Nun soll sich die Tabelle automatisch an die Fenstergröße anpassen und dabei keinen Scrollbalken zeigen sondern alles verkleinern.

Die Schriftgröße verkleinere ich mit Flowtype.
Leider bekomme ich das mit der Tabelle nicht hin..

Z.B. ein DIV um alles mit height:100%, tabelle ohne height angabe, Statusleiste DIV mit 10%.. dann habe ich einen Scrollbalken und sehe nur die halbe Statusleiste (Vorausgesetzt die Tabelle enthält genügend Text)

Kann mich bitte jemand in die passende Richtung lenken?

Danke!
 
Werbung:
Also Prozentangaben richten sich nach dem Muttelement (also z.B. 50% der Höhe des Mutterelements).

Ungetestet:
Wenn du 100% des ganzen Bildschims ausfüllen willst, kannst du Einheiten wie "vw" und "vH" verwenden.
Also die width auf 100vw;
Die height auf 90vH;
die Statusleiste auf 10vH;

Oder du machst das Mutterlement so Groß und gibst es dann in % an.

Um die Schriftgröße anzupassen, musst du kein JS verwenden, sondern kannst Einheiten wie "vmax" und "vmin" verwenden.
 
Werbung:
Zurück
Oben