Help with Dialog showing big buttons in IE6
Hi, I've looked in as many places as I could find for a solution to
this issue, and before I move to something other than UI Dialog, I
figured I'd give posting to this group a chance to work.
The core of the issue is: With two out of perhaps twenty users of a
page that contains a dialog, the dialog shows up almost looking like
it's ignoring css for ui.dialog. Buttons are huge, elements on dialog
out of place, etc... For the remaining users everything is fine. I've
tried to recreate the issue, however I'm one of the 18 that doesn't
have any problem.
I don't have the code available to cut and paste in, so this is hand
typed from hardcopy...
dialog defined as:
$("dialog").dialog({
autoOpen:false,
modal:false,
bgiframe:true,
position: 'center',
height: 400,
width: 450,
buttons: {
Cancel: function()
{
$(this).dialog('close');
}
'Save': function()
{
saveRecord();
$(this).dialog('close');
}
}
});
<div id = "dialog" title="Save Record">
<html:form styleId="saveRecordForm" action="saveRecord"
method="post">
Status
<html:select styleId="recordStatus" property="recordStatus" >
<option value="NEW" > New </option>
<option value="IN_PROGRESS">In Progress</option>
<option value="COMPLETE">Complete</option>
</html:select>
Comments:
<html:textarea styleId="recordInfo" property="recordInfo"
cols="40" rows="5" style="font-weight: normal; font-size: 12px;"
value=""> </html:textarea>
</html:form>
</div>
Has anyone seen anything like this before?
Thanks,
j