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> |