Hi,
I have one html source as below:
<HTML>
<HEAD><TITLE></TITLE>
<STYLE id=EmbeddedCSS1>.Body {
FONT-SIZE: 10pt; FONT-FAMILY: Microsoft Sans Serif; FONT-WEIGHT: normal;
COLOR: #000000; FONT-STYLE: normal; TEXT-DECORATION: none;
BACKGROUND-COLOR: #ffffff;
}
.Button {
PADDING- left : 4 px; PADDING-RIGHT: 6px
}
</STYLE>
<META name=GENERATOR content="MSHTML 10.00.9200.16660">
<META name=UIP_GENERATOR content="UNISYS UI Painter 1.0"></HEAD>
<BODY id=Body1 class=Body style="FONT-SIZE: 10pt; FONT-FAMILY: Microsoft Sans Serif;
FONT-WEIGHT: normal; COLOR: #000000; FONT-STYLE: normal;
BACKGROUND-COLOR: #ffffff;" unselectable="on">
<BUTTON tabIndex=1 id=Button1 class=Button style="FONT-SIZE: 10px; HEIGHT: 24px;
FONT-FAMILY: Microsoft Sans Serif; FONT-WEIGHT: normal;
COLOR: #000000; FONT-STYLE: normal; TEXT-ALIGN: center;
WIDTH: 84px; BACKGROUND-COLOR: #ffffff;" name=Button1>Button1</BUTTON>
</BODY>
</HTML>
In IE7/8/9, if I use the developer tool to check the layout, the picture is as below:
Image may be NSFW.
Clik here to view.
If I use the mshtml to access the element created from the html source above, I will get clientleft is 3px.
In IE10, If I use developer tool to check the layout, the picture is as below:
Image may be NSFW.
Clik here to view.
If I use the mshtml to access the element created from the html source above, I will get clientleft is 2px.
Is there any way that in IE10, I can get the same clientleft 3px like in IE7/8/9?
Thank you in advance.