Höhe eines HTML-Elementes abfragen

[Maike]

Hallo zusammen,

ich möchte einen Text auslesen und im Browser darstellen. Um die Position anzugeben, habe ich folgendes div-Element verwendet:

<div style="position:absolute; top:9cm; left:2cm; width:18cm; height:16cm; z-index:1;">

... irgendein Text ...

</div>

Die Höhe dieses div-Elementes soll 16cm lang/hoch sein und nicht länger. Wenn der Text allerdings über diese 16cm hinaus geht, wird er trotzdem über diese Höhen-Angabe hinweg angezeigt. Der Bereich sollte aber nicht länger als 16cm sein.
Deshalb möchte ich abfragen, wann die Höhe von 16cm erreicht ist und den restlichen Text später erst anzeigen.

Weiß jemand wie ich das machen kann? Vielleicht mit CSS oder JavaScript?

Hoffentlich versteht ihr, was gemeint ist, habe mich vielleicht nicht deutlich genug ausgedrückt.

Vielen Dank,
Gruß Maike

[Daniel]

Ahoi Maike,

Also erstmal 2 Kritik Punkte, der Themenbereich ist falsch gewählt,
das hättest du schon alleine an deiner Frage merken sollen (CSS oder
JS?) und das Thema ansich du willst nicht die höhe des elements
sondern des inhaltes.

ich möchte einen Text auslesen und im Browser darstellen.

da gibt es unter anderem diese 2 Möglichkeiten:

• Serverseitig mit z.B. PHP
• clientseitig mit z.B. JS

Wenn der Text allerdings über diese 16cm hinaus geht, wird er trotzdem über diese Höhen-Angabe hinweg angezeigt. Der Bereich sollte aber nicht länger als 16cm sein.

Da könnte dir die CSS eigenschaft overflow helfen.

Deshalb möchte ich abfragen, wann die Höhe von 16cm erreicht ist und den restlichen Text später erst anzeigen.

Das ist, solltest du overflow benutzen unnötig. ansonsten musst du dir
eine Formel überlegen wie du anhand der Schriftgröße, art etc. an die
zu erwarteten mase geräts, deshalb empfiehlt es sich die Mase des DIVs
nicht in cm anzugeben.

ich hoffe konnte dir helfen.

MfG

[Maike]

Hallo Daniel,

Ahoi Maike,

Also erstmal 2 Kritik Punkte, der Themenbereich ist falsch gewählt,
das hättest du schon alleine an deiner Frage merken sollen (CSS oder
JS?) und das Thema ansich du willst nicht die höhe des elements
sondern des inhaltes.

Entschuldige, bin nicht so oft hier und wusste nicht, dass Themenbereich und Betreff so wichtig sind...

Das Problem ist, dass ich wissen muss, ob der Text länger ist als der angegebene div-Bereich oder nicht. Denn wenn ja, will ich einen Seitenumbruch machen.

Ich habe auch die Möglichkeit mit php zu arbeiten, kennst du da vielleicht eine bessere Lösung?

Vielen Dank für deine Hilfe!

[Daniel]

Ahoi Maike,

Entschuldige, bin nicht so oft hier und wusste nicht, dass Themenbereich und Betreff so wichtig sind...

naja, so wichtig ist er auch nicht, aber unter anderem hilfreich,
damit die richtigen leuten den thread sich durchlesen.

Das Problem ist, dass ich wissen muss, ob der Text länger ist als der angegebene div-Bereich oder nicht. Denn wenn ja, will ich einen Seitenumbruch machen.

Was verstehst du unter einem Seitenumbruch? eine 2te "Seperate" Seite
oder auf der selben ein neues Div? Woher kommt der Text?

Ich habe auch die Möglichkeit mit php zu arbeiten, kennst du da vielleicht eine bessere Lösung?

na dann gib die Mase des DIVs in px oder pt an, aufjedenfall im
gleichen Mas wie bei der Schrift(größe), verwende eine schrift bei der
alle Zeichen gleichviel platz brauchen z.B. Courier, formatier die
schrift im DIV im Blocksatz. nun musst du nurnoch die Zeichen Zählen,
X zeichen = soviel breit, X zeilen = so hoch, sollte eigentlich nciht
so schwer sein eine passende Funktion in PHP hinzubekommen. Dabei gibt
es noch die Zeilenhöhe und den Zeilenabstand zu beachten.

MfG

[Detlef G.]

Hallo Daniel

na dann gib die Mase des DIVs in px oder pt an, ...

Damit dieses ein festes Pixelmaß behält, unabhängig von der durch den User
gewählten Schriftgröße?

... aufjedenfall im
gleichen Mas wie bei der Schrift(größe),

Schriftgrößen in px und pt lassen sich auch skalieren.
Das mit dem gleichen Maß wäre denkbar, aber für diesen Zweck nur, wenn diese
Maßeinheit em lautet.

verwende eine schrift bei der
alle Zeichen gleichviel platz brauchen z.B. Courier, formatier die
schrift im DIV im Blocksatz.

Ob das wirklich gut geht?
Haben _alle_ User Courier und ist Courier immer und auf jedem System absolut
identisch?

... Dabei gibt
es noch die Zeilenhöhe und den Zeilenabstand zu beachten.

Ist dieser bei allen Browsern auf allen Systemen identisch?

Um halbwegs verlässliche Ergebnisse zu erzielen, könnte ich mir nur
vorstellen:

• alle Angaben zur Größe und Schriftgröße in em
• Zeilenhöhe selbst setzen
• den Zeilenumbruch selbst steuern (<pre>)

Auf Wiederlesen
Detlef