Ah, en effet je n'avais pas remarqué que le colorateur syntaxique du site générait un code erroné.
J'ai mis l'URL en ligne sinon, ici : http://area404.free.fr/test/index.html
Mais comme demandé, en brut (si ca passe) :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<!--<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />-->
<style type="text/css">
html, body { margin: 0; padding: 0; height: 100%; }
html { overflow: hidden; position: absolute; z-index: 0; width: 1000px; max-width: 1000px; border: 1px solid blue; }
body { overflow: hidden; position: relative; z-index: 1; width: 900px; max-width: 900px; border: 1px solid green; }
#bloc { position: absolute; z-index: 2; height: 500px; width: 500px; background: red; }
#testBug { font-family: "Trebuchet MS"; background-color: rgb(255, 255, 255); color: #444444; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0pt; line-height: 1.2em; font-size: 5em; }
</style>
<script type="text/javascript">
function addEvent(obj, event, fct) {
if (obj.attachEvent) { obj.attachEvent("on" + event, fct); }
else { obj.addEventListener(event, fct, true); }
}
var curX = 0;
var curY = 0;
function getPos (e) {
curX = e.clientX;
curY = e.clientY;
if (dragging) { return false; }
}
addEvent(document, 'mousemove', getPos);
var elt = '';
var dragging = false;
var dragInterval = '';
var decalX = 0;
var decalY = 0;
var nextPosX = 0;
var nextPosY = 0;
var onDrag = '';
function dragElt (elt) {
if (elt) {
if (!dragging) {
dragging = true;
decalX = curX - parseInt(elt.offsetLeft);
decalY = curY - parseInt(elt.offsetTop);
onDrag = function() {
nextPosX = curX - decalX;
nextPosY = curY - decalY;
if (nextPosY <= 0) { nextPosY = 0; }
elt.style.left = nextPosX + 'px';
elt.style.top = nextPosY + 'px';
elt.focus();
};
dragInterval = setInterval(onDrag, 10);
}
}
else {
dragging = false;
clearInterval(dragInterval);
}
}
</script>
<title>Area 404</title>
</head>
<body id="top">
<div id="testBug">testBug</div>
<div id="bloc" onmousedown="dragElt(this); this.style.cursor = 'move';" onmouseup="dragElt(); this.style.cursor= 'auto';">yop</div>
</body>
</html>