Untitled

<!DOCTYPE html>
<html lang='en' >
<head>
<title> </title>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="stilovi.css">
<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2``/jquery.min.js"></script>
<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css"
    href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>

</head>
<body style="margin:0;padding:0;">
    <div id="nonPrint" >
        <button onclick="myFunction()">Print this page</button>
        <script>
function myFunction() {
        window.print();
}
</script>
    </div>
    <div style="position:absolute; left:-18mm;top:-17mm;">
        <textarea  style="position:absolute; left:150mm;top:20mm;margin:0;padding:0; border-style:solid; text-align:center;">  some text</textarea>
    </div>
    <div id="field">
        <p style="border-style:solid;text-align:center;">paragraf</p>
    </div>


<script>
$('#field')
    .draggable()
    .resizable();
</script>
</body>
</html>


@media print  {
    #nonPrint { display:none;}
    body, html{margin:0;padding:0;}
    }
@page {
    size:210mm 297mm;margin:0mm
    }