fixe höhe einer Box, anpassung der Schrift

[Michael]

Ich möchte auf meiner Seite 40 Textboxen ausgeben. In jeder ist eine Überschrift und ein text. Die Informationen kommen aus der Datenbank und sind unterschiedlich lang.

Das Ziel ist, das alle Boxen die gleiche Höhe haben.

div{ border: 1px solid #000; height:200px; overflow: hidden; }

Das funktioniert, ist aber nicht optimal. Da der Text abgeschnitten wird, auch mitten im Text.

Gibt es ein Möglichkeit den Text so abzuschnelden, das das Ergebnis vollständige Buchstaben sind?

[Jörg Reinholz]

Gibt es ein Möglichkeit den Text so abzuschnelden, das das Ergebnis vollständige Buchstaben sind?

Wie wäre es damit, die Höhe entsprechend zu berechnen? (Alternative: Trial + Error) Ich weiß auch nicht, warum immer noch viele dazu neigen, in px zu rechnen.

[Michael]

Wie wäre es damit, die Höhe entsprechend zu berechnen?

Das finde ich doch ein wenig zu umständlich. Ich hoffe ja, das es eine elangte einfacher Lösung gibt:

Hiermit würde ich die Zeilenlänge begrenzen

width:333px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

das müsste doch auch irgendwie mit der Höhe zu machen sein.

[Gunnar Bittersmann]

CSS Ellipsis: How to Manage Multi-Line Ellipsis in Pure CSS

LLAP

[Tabellenkalk]

Hallo,

Gibt es ein Möglichkeit den Text so abzuschnelden, das das Ergebnis vollständige Buchstaben sind?

Nimm doch für die Höhe eine Einheit, die von der Schriftgröße abhängig ist.

Gruß Kalk

[Mihcael]

Nimm doch für die Höhe eine Einheit, die von der Schriftgröße abhängig ist.

Nehmen wir an ich habe 12 px Schriftgrösse, der Text 500 Zeichen lang ist, das die Worte unterschiedlich lang sind, kann der Zeilenumbruch auch unterschiedlich sein. So können 4, 5 oder gar 6 Zeilen enstehen!!

[Gunnar Bittersmann]

@@Mihcael:

Nimm doch für die Höhe eine Einheit, die von der Schriftgröße abhängig ist.

Nehmen wir an ich habe 12 px Schriftgrösse

Was du hast, ist ziemlich egal. Was ist, wenn der Nutzer eine andere Schriftgröße als 12px hat?

Was Kalk meinte: Nimm doch für die Höhe eine Einheit, die von der Schriftgröße abhängig ist.

LLAP

[Gunnar Bittersmann]

@@Gunnar Bittersmann:

Was Kalk meinte: Nimm doch für die Höhe eine Einheit, die von der Schriftgröße abhängig ist.

Und warum ist das klein anclickbarer Link? Entweder die Wiki- oder die Forumsoftware ist kaputt.

LLAP

[Matthias Apsel]

Om nah hoo pez nyeetz, Gunnar Bittersmann!

Und warum ist das klein anclickbarer Link? Entweder die Wiki- oder die Forumsoftware ist kaputt.

Tests

http://wiki.selfhtml.org/wiki/CSS/Wertetypen/Zahlen,_Ma%C3%9Fe_und_Ma%C3%9Feinheiten#Relative_L.C3.A4ngenma.C3.9Fe

Test

Einheit, die von der Schriftgröße abhängig ist

in der Vorschau gehts.

[Tor und Tortur](http://wiki.selfhtml.org/wiki/CSS/Wertetypen/Zahlen,_Ma%C3%9Fe_und_Ma%C3%9Feinheiten …

[link:http://wiki.selfhtml.org/wiki/CSS/Wertetypen/Zahlen,_Maße_und_Maßeinheiten …

Antwort wegen der ß.

Matthias

[Gunnar Bittersmann]

@@Michael:

Das funktioniert, ist aber nicht optimal. Da der Text abgeschnitten wird, auch mitten im Text.

Das kann man durchaus als Feature sehen; so erkennen Nutzer, dass der Text abgeschnitten ist (und dass sie an anderer Stelle weiterlesen können?).

Gibt es ein Möglichkeit den Text so abzuschnelden, das das Ergebnis vollständige Buchstaben sind?

Vermutlich nicht. Wie verhalten sich die Zeilenhöhen von Überschrift und übrigem Text? Wenn die Überschrift mehrzeilig ist, stehen die Zeilen des übrigen Texts auf gleicher Höhe? Wenn nein, ist dein Anliegen sowieso zum Scheitern verurteilt.

Bei unterschiedlichen Schriftgrößen/Zeilenhöhen in verschiedenen Boxen auch.

LLAP