2008-11-26 4 views
1

Prenez le code HTML suivantgetBoundingClientRect d'IE donne une réponse différente dans le navigateur que dans windows.forms.webbrowser - pourquoi?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
    <title>Basic Layout</title> 
    <style type="text/css"> 
     html,body,div{font-family:Verdana} 
     #Head{border-bottom:solid 10px #369} 
     #Body{margin-left:200px;background-color:#def} 
     #Body h2{float:left;margin-left:-200px;padding:10px;font-size:1em;} 
     #Foot{border-top:dashed 1px #369} 
     p{page-break-inside:avoid} 
    </style> 
    <script> 
     document.onclick = function() { 
      alert(document.getElementById("Body").getBoundingClientRect().left); 
     } 
    </script> 
</head> 
<body> 
    <div id="Head"> 
     <h1>Basic Layout Header</h1> 
    </div> 
    <div id="Body"> 
     <h2>Body Header</h2> 
     <p> 
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris pretium. Morbi 
      nisi velit, lacinia vitae, porttitor nec, laoreet nec, neque. Fusce id dolor. Vivamus 
      scelerisque libero. Fusce aliquet gravida dui. Integer vulputate bibendum pede. 
      Donec fringilla porta sem. Donec justo pede, fermentum eu, mattis a, malesuada id, 
      erat. Maecenas hendrerit justo vitae felis. Praesent ut purus. Pellentesque turpis 
      tortor, lobortis sed, fringilla venenatis, mattis nec, ipsum. Nunc non diam. Maecenas 
      gravida mollis quam. Aenean nec urna. Quisque gravida, nulla a vulputate mattis, 
      mauris justo mollis leo, et pellentesque eros augue sit amet urna. Aliquam rhoncus 
      erat in mauris. Nullam ut urna. Nam pharetra, purus ac ultricies consectetuer, est 
      leo aliquam augue, vitae pulvinar dui mi scelerisque mi. Integer urna. Praesent 
      risus libero, porttitor vel, auctor gravida, posuere vel, felis. 
     </p> 
    </div> 
    <div id="Foot"> 
     <p>Footer</p> 
    </div> 
</body> 
</html> 

charge dans votre navigateur, puis cliquez sur n'importe où - vous obtenez 210 c'est la valeur de gauche pour la #Body div

Cependant sur une forme de victoire avec un contrôle WebBrowser sur il, accédez au même html

webBrowser1.Navigate(_Url); 

Cliquez à nouveau, et vous obtenez 10.

W hy ... pourquoi ... pourquoi?

Répondre

0

Mise à jour:

a ajouté à l'élément de tête, (je IE8 bêta 2 installé)

<META http-equiv="X-UA-Compatible" content="IE=8"> 

et il fonctionne (208 est représenté), mais

<META http-equiv="X-UA-Compatible" content="IE=7"> 

encore montre 10, cela doit fonctionner par exemple 7

Questions connexes