wrong position on IE
April 2, 2008 - 12:41pm — luks
| Project: | Dimensions |
| Version: | 1.2.0 |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Description
Using this code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="jquery.dimensions.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var foo = $('#foo');
var p = foo.position();
foo.html(p.left + ', ' + p.top);
})
</script>
<style type="text/css">
body {
margin: 0;
padding: 0;
}
#foo {
position: absolute;
top: 10px;
left: 10px;
background-color: red;
}
</style>
</head>
<body>
<div id="foo"></div>
</body>
</html>I get position 10,10 on Firefox and 12,12 on IE, even though there is really only 10 pixels between the div and IE's window frame.