Ich will mit Javascript den Inhalt beschneiden und auf mehrere Seiten aufteilen. Der Text darf sich aber nur über 500 px nach unten erstrecken. Bisher hab ich das:
function setPages() {
var content = document.getElementById("content");
var oHeight = content.offsetHeight;
if (oHeight > 380) {
var node = content.firstChild.nextSibling;
var counter = 0;
while (node.offsetTop < 500) {
counter += node.innerHTML.length + 5 + node.tagName.length * 2;
node = node.nextSibling.nextSibling;
}
content.innerHTML = content.innerHTML.substring(0, counter);
}
}
window.onload = function() {
setPages();
}
Das Problem ist nun Folgendes.. der Text wird in jedem Browser anders Beschnitten. Im Firefox, Chrome und Safari fehlen genau 4 Zeichen im Internet Explorer ganze 4 Absätze und im Opera ca 10 Zeichen. Dabei ist der Wert in der Variable counter die meine Zeichen zählt in jedem Browser gleich außer im Internet Explorer (frag mich warum..) nämlich 2263.. der Wert stimmt auch allerdings wird dann der Text vollkommen Falsch beschnitten.
Kann mir wer weiterhelfen ? :/