DevTrain

Autor: Shinja Strasser

Milimetergenaues positionieren von Textelementen

Jeder kennt das Problem eine Seite von einem Browser auf den Drucker 1:1 auszudrucken. Serverseitig hat man hier keine Möglichkeiten Textelemente so zu positionieren, dass diese like Look auf ein Printmeduim erscheinen. Hier muss man sich einem clientseitigen Hilfsmittel namens Javascript bedienen.
Das folgende Listing zeigt Ihnen, wie Sie in eine Standard-A4 Seite die durch eine Tabelle simuliert wird und einen festgelegten Druckerrand von 19,05 mm hat, eine milimetergenaue Textposition setzen.

<%@ Language=VBScript %>
<html>
<head></head>
<body topmargin="0" leftmargin="0">
 <table style="width:21cm;height:29.7cm" border="0" name="tblX" id="tblX" bgcolor="gray" cellpadding="0" cellspacing="0">
  <tr>
   <td width="100%" height="100%"></td>
  </tr>
 </table>
 <span name="sp1" id="sp1" style="width:0cm;height:0cm">
  Text aus der Datenbank
 </span>
 <script language="javascript">
  var XLeft = tblX.offsetLeft;
  sp1.style.position = "absolute";
  sp1.style.backgroundColor = 'green';
  sp1.style.left = tblX.style.posLeft + '2cm';
  sp1.style.top = tblX.style.posTop + '5cm'; 
 </script>
</body>
</html>

Erfasst am: 31.01.2002 - Artikel-URL: http://www.devtrain.de/news.aspx?artnr=696
© Copyright 2003 ppedv AG - http://www.ppedv.de