DeWitt: Text auf 100% strecken

Beitrag lesen

Hi Chris,

Mit einem Javascript funktioniert es zumindest ungefähr. Wenn du das folgende Script an der gewünschten Stelle der HTML-Seite einfügst, wird der Text (zumindest in einem Browser, hier IE) korrekt gestreckt.
Bei Opera ist die Zeichenbreite 8 ein wenig zu klein, deswegen läuft die Zeile bei Opera etwas über den Bildschirmrand hinaus.
Andere Browser habe ich nicht getestet.

Hier nur das Script:
<<<

<SCRIPT type="text/javascript">
/*=====================================
         Einzeiliger Blocksatz
       JAVASCRIPT (C) D. Heinze
    Version: Alpha 1.0
    http://www.dewitts-homepage.de
     webmaster@dewitts-homepage.de

* Verwendung und Weiterverbreitung  *
 * nur für nicht-kommerzielle Zwecke *
=====================================*/
<!--
var zeichenbreite = 8;  /*Breite eines Zeichens
       (Schriftart Monospace, jedoch leider browserabhängig
       8 Pixel entspricht ungefähr der Zeichebreite im IE)*/
var text = "Dies ist ein Text, der aus fünfzehn (15) Wörtern besteht, aber nur durch den Nebensatz.";
       /*Zu streckender Text*/
var textlaenge = text.length;
       /*Anzahl der Zeichen des Texts*/
var zeichenbreite_ges = textlaenge * zeichenbreite;
       /*Gesamtbreite des Texts in Pixeln*/
var fensterbreite = document.body.offsetWidth;
       /*Innenbreite des Browser-Fensters*/
var leerbreite_ges = fensterbreite - zeichenbreite_ges;
       /*Benötigte Gesamtbreite der Abstände*/
var leerbreite = leerbreite_ges / textlaenge;
       /*Breite eines Abstands*/
if (leerbreite < 0) leerbreite = 0;
       /*Abstandsweite auf 0 setzen, falls Wert negativ*/

/*Ausgabe an den Browser*/
document.write('<DIV style="font-family:monospace; letter-spacing:'+leerbreite+';" nowrap>');
document.write(text);
document.write('</DIV>'+"\n");
/*Ausgabe Ende*/
-->
</SCRIPT>

Cya, DeWitt