Ich habe ein table mit zwei reihen. Die erste hat eine bestimmte höhe, und ich möchte dass die höhe der zweiten reihe so hoch ist wie der übriggebleibene bereich auf dem screen.
table row - height höhe des übrig gebleibenen bereichs
-
-
tabellen haben die eigenschaft gleich zu sein, also wie der grösste inhalt der tabelle...
was du probieren könntest wäre in den td der zweiten reihe mit style="height:xx%;" was zu erreichen... -
Ich bin zwar nicht der Tabellenfreak, aber das sollte dir weiterhelfen.
-
Fehler - xx% ist kein gültiger wert für die height eigenschaft
-
das xx steht ja auch für eine entsprechende höhe.. da musste mal ausprobieren was da passt.. sowas wie 70%, 80% oder gar 90%.. ??
teste einfach mal verschiedene werte!
-
Da der Bildschirm aber nicht immer die gleiche Grösse ist, löst das mein problem nicht. Das bringt dann das gleiche wie einfach irgendeine Grösse in pixel anzugeben.
-
also eben genau wegen der variablen grössen nimmt man prozent-angaben!
denn 80% sind 80% nur der dahinterliegende wert in pixel wäre entsprechend anders, jedoch immernoch 80% der höhe!evtl bringt es ja was, wenn man dem body ne height von 100% gibt (oder evtl auch weniger damit nicht zwingend scrollbalken zu sehen sind.
check mal diesen quelltext hier...!
und verändere die grösse des fensters!HTML
Alles anzeigen<html> <head> <title></title> <script type="text/javascript"> function zeigProzent(){ var hoehe = document.body.clientHeight; var hoeheproz = hoehe*0.85; document.getElementById("anzeige").innerHTML="Sichtbare Höhe: " +hoehe +" davon 85% sind: " + hoeheproz; } </script> </head> <body style="height:100%;" onload="zeigProzent();"> <span id="anzeige"></span> <table border="1" style="height:100%;"> <tr> <td>inhalt bla</td> </tr> <tr> <td style="height:80%; background: #0000FF; color:#ffffff;" ><div></div>inhalt blubb</td> </tr> </table> </body> </html>