Hallo!
Kann mir jemand erklären, wie ich anhand der Schriftgrößen-Angabe in px die tatsächliche Schriftgröße ermitteln kann?
Ich möchte nämlich mit Hilfe von JavaScript einen vertikalen NewsScroller basteln. Dazu habe ich einen div-Container u.A. mit overflow:hidden erstellt, er fungiert als "Fenter". In diesem div-Container ist ein weiterer Div-Container mit relativer Position direkt unter dem ersten div-Container, also nicht sichtbar. Durch mein javascript wird der untere div-Container nun in den ersten hineingescrollt und soll für eine Weile dort stehen bleiben, wenn die Schrift am oberen Rand angekommen ist.
Funktioniert soweit wunderbar.
Mein unterer div-Container enthält alle News-Meldungen hintereinander. Jede News-Meldung ist 5 Zeilen lang. Wie kann ich denn nun herausfinden, wie groß der erste div-Container sein muß, damit er genau diese fünf Zeilen anzeigt? Außerdem brauche ich die größe ja auch für mein Javascript-skript, damit es weiß, nach wie vielen Pixeln es aufhören muß zu scrollen...
Zum Testen habe ich mal nur eine News-Meldung genommen, also fünf Zeilen, diese mit Schriftgröße 10px. Mein unterer Div-Container ist dann aber nicht 50px, sondern 60px groß, also verbraucht eine Zeile 12px. Ändere ich die Schriftgröße in 12px, dann habe ich bei 5 Zeilen 75px, also pro Zeile 15px.
Oder verfolge ich den völlig falschen Ansatz?

mach auf den div-Container noch "line-height: Schriftgröße;" dan sollts passen denk ich mal

Ja, natürlich, Du hast Recht! Das klappt, danke sehr!
Manchmal sieht man den Wald halt vor lauter Bäumen nicht...
Gruß, Graf Zahl