This method allows for the easy creation of CSS containing block by setting element's CSS position to 'relative' if its initial position is either 'static' or undefined.
Syntax:
element.makePositioned();
Return Value:
Returns HTML element.
Example:
<html>
<head>
<title>Prototype examples</title>
<script type="text/javascript"
src="/javascript/prototype.js">
</script>
<script>
function showResult(){
$('container').makePositioned();
}
</script>
</head>
<body>
<p>Click the button to see the result.</p>
<br />
<div id="container">
<div id="element"
style="position:absolute; top: 20px; left: 20px;
border:1px solid red;">
This is Element Box
</div>
</div>
<br />
<input type="button" value="Click" onclick="showResult();"/>
</body>
</html>