zurück
Autor: Shinja Strasser
Erstellt am: 31 Jan 2002 10:15

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>

© Copyright 2008 ppedv AG