Tabellen Höhe erzwingen

[Hitrix]

Hallo zusammen,

ich bastle nun seit ein paar Stunden an einer Tabelle rum und diese möchte nicht so wie ich ;-)

ich habe folgendes Problem und hoffe ihr könnte mir weiterhelfen:

Die Tabelle soll eine absolute Höhe von 80px haben und eine absolute Breite von 250px. Sie stellt einen Kalender dar, jedoch ist das Problem, dass die Tabelle wegen ihres Inhalts nicht 80px groß sein kann und deswegen setzt html die Angaben von mir im height="80" außer Kraft und macht sie automatisch größer. Nun ist meine Frage, ob es irgendwie möglich ist die Tabellenhöhe zu erzwingen und den Inhalt, wenn er denn über den Zellenrand hinaus geht "abzuschneiden"?

Hier die Tabelle mit der ich es zutun habe:

http://hitrix.pytalhost.de/test.php

Grüße und schon mal vielen Dank an euch!

[Vinzenz Mai]

Hallo,

Die Tabelle soll eine absolute Höhe von 80px haben und eine absolute Breite von 250px. Sie stellt einen Kalender dar, jedoch ist das Problem, dass die Tabelle wegen ihres Inhalts nicht 80px groß sein kann

Du hast sechs Zeilen und 7 Ränder. Wie willst Du damit auf 80 Pixel kommen?

Objekt   Anzahl     Höhe   Gesamt
---------------------------------
Rand         7        1        7
Zeile        6       12       72
---------------------------------
Summe                         79

Vergleichbar ergibt sich für die Breite:

Objekt   Anzahl   Breite   Gesamt
---------------------------------
Rand         8        1        8
Spalten      7       34      238
---------------------------------
Summe                        246

Browser haben ihre Probleme mit halben Pixeln und Du solltest daher lieber mit ganzen Pixeln rechnen.

Gehen wir davon aus, dass Du Deine Tabelle 79 Pixel hoch und 246 Pixel breit haben willst.

Nun ist meine Frage, ob es irgendwie möglich ist die Tabellenhöhe zu erzwingen und den Inhalt, wenn er denn über den Zellenrand hinaus geht "abzuschneiden"?

Folgende CSS-Eigenschaften helfen Dir, Dein Ziel zu erreichen:
http://de.selfhtml.org/css/eigenschaften/tabellen.htm#table_layout@title=table-layout: fixed;
http://de.selfhtml.org/css/eigenschaften/tabellen.htm#border_collapse@title=border-collapse: collapse;
http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border@title=border
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#height@title=height
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#width@title=width
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow: hidden;

Besser als Link:

http://hitrix.pytalhost.de/test.php

Freundliche Grüße

Vinzenz