<table> über Bildschrimrand hinaus darstellen

[Nick]

So,

ich habe mal ein Beispiel gebaut:
(Könnt Ihr so als xy.pdf speichern und direkt ausführen)

[...
<?PHP
echo"<center><table style="table-layout:fixed:background:black;">";
echo"<tr>";
echo"<td style="width:60px;height:25px;background:grey;text-align:center;">ZEIT</td>";
echo"<td colspan="2" style="min-width:120px;height:25px;background:grey;text-align:center;">Montag</td>";
echo"<td colspan="2" style="min-width:120px;height:25px;background:grey;text-align:center;">Dienstag</td>";
echo"<td colspan="2" style="min-width:120px;height:25px;background:grey;text-align:center;">Mittwoch</td>";
echo"<td colspan="2" style="min-width:120px;height:25px;background:grey;text-align:center;">Donnerstag</td>";
echo"<td colspan="2" style="min-width:120px;height:25px;background:grey;text-align:center;">Freitag</td>";
echo"<td colspan="2" style="min-width:120px;height:25px;background:grey;text-align:center;">Samstag</td>";
echo"<td colspan="2" style="min-width:120px;height:25px;background:grey;text-align:center;">Sonntag</td>";
echo"</tr>";
echo"<tr>";
echo"<td style="width:60px;height:25px;background:grey;">08:00</td>";
echo"<td><div style="float:left;min-width:100px;height:25px;text-align:center;"></div></td><td><a href="test.php" title="Hier kann man einen neuen Termin eintragen"><div style="float:left;min-width:20px;height:25px;text-align:center;">...</div></a></td>";
echo"<td><div style="float:left;min-width:100px;height:25px;background:green;text-align:center;">[Termin]</div><div style="float:left;min-width:100px;height:25px;background:green;text-align:center;">[Termin]</div></td><td><a href="test.php" title="Hier kann man einen neuen Termin eintragen"><div style="float:left;min-width:20px;height:25px;text-align:center;">...</div></a></td>";
echo"<td><div style="float:left;min-width:100px;height:25px;text-align:center;"></div></td><td><a href="test.php" title="Hier kann man einen neuen Termin eintragen"><div style="float:left;min-width:20px;height:25px;text-align:center;">...</div></a></td>";
echo"<td><div style="float:left;min-width:100px;height:25px;background:green;text-align:center;">[Termin]</div></td><td><a href="test.php" title="Hier kann man einen neuen Termin eintragen"><div style="float:left;min-width:20px;height:25px;text-align:center;">...</div></a></td>";
echo"<td><div style="float:left;min-width:100px;height:25px;background:green;text-align:center;">[Termin]</div><div style="float:left;min-width:100px;height:25px;background:green;text-align:center;">[Termin]</div></td><td><a href="test.php" title="Hier kann man einen neuen Termin eintragen"><div style="float:left;min-width:20px;height:25px;text-align:center;">...</div></a></td>";
echo"<td><div style="float:left;min-width:100px;height:25px;text-align:center;"></div></td><td><a href="test.php" title="Hier kann man einen neuen Termin eintragen"><div style="float:left;min-width:20px;height:25px;text-align:center;">...</div></a></td>";
echo"<td><div style="float:left;min-width:100px;height:25px;text-align:center;"></div></td><td><a href="test.php" title="Hier kann man einen neuen Termin eintragen"><div style="float:left;min-width:20px;height:25px;text-align:center;">...</div></a></td>";
echo"</tr>";
echo"</center></table>";
?>
...]

Bei einer Auflösung von 1680x1050 wird die Tabelle wie gewünscht dargestellt: Die Tabellenspalten haben die gewünschte Höhe von 25px und es werden alle Termine nebeneinander ausgegeben.

Wenn man nun jedoch das Fenster verkleinert z.B. 1024x768, wird die zweite Spalte (08:00) auf 50px vergrößert und die Termine werden nicht mehr nebeneinander, sondern untereinander dargestellt.

Ich würde mir jedoch wünschen, dass die Spaltenhöhe weiterhin auf 25px bleibt und stattdessen ein Scrollbalken eingeblendet wird, mit dem ich mir die "intakte" Tabelle ansehen kann.

Das muss doch möglich sein *raufdiehaareaus*

Besten Gruß und in Hoffnung auf Lösungsansätze...