Mega Code Archive
Outer width and height with margin
<![CDATA[
<html>
<head>
<script type='text/javascript' src='js/jquery-1.3.2.js'></script>
<script type='text/javascript'>
$(document).ready(
function() {
alert(
'outerWidth: ' + $('div').outerWidth({margin: true}) + "\n" +
'outerHeight: ' + $('div').outerHeight({margin: true})
);
}
);
</script>
<style type='text/css'>
div {
width: 200px;
height: 200px;
padding: 10px;
border: 1px solid rgb(200, 200, 200);
background: lightblue;
margin: 10px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
]]>