Vinzenz Mai: Tabellen Höhe erzwingen

Beitrag lesen

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