I have a very simple login form on a page that doesn’t contain anything else.
Firefox and Chrome shows the form as expected while IE9 does something else that isn’t correct.
However, your online samples look the same in all 3 browsers, so I’m guessing I’m doing something wrong or missing something.
Here is the code:
[code]
Login<script src="dhtmlxForm/codebase/dhtmlxcommon.js" type="text/javascript"></script>
<script src="dhtmlxForm/codebase/dhtmlxform.js" type="text/javascript"></script>
<script type="text/javascript">
var loginForm;
var form_data = [
{
type: "settings",
position: "label-left",
labelWidth: 100,
inputWidth: 120
},
{
type: "fieldset",
label: "Velkommen",
inputWidth: "auto",
list: [
{ type: 'input', name: 'name', label: 'Brugernavn', value: '' },
{ type: 'password', name: 'pass', label: 'Password', value: '' },
{ type: 'button', name: 'save', value: 'Login' }
]
}
]
function initForm()
{
loginForm = new dhtmlXForm('login_form', form_data);
}
</script>
…And here are screenshots of the result from the 3 browsers.
Chrome:
Firefox:
IE9:
As you can see IE9 is doing something odd with the width and with the button style. Once you mouse over the button it looks right (though the font size is still too large) and the width of the fieldset box seems to shrink a bit though not to the same width as in the other 2 browsers.