Hi,

removing the z-index:1; and position:absolute; should fix the problem,
however the size of the dialog was too small for the table.
However I had not the problem that the table was outside, but it had
overwritten the dialog buttons.
btw: this is not a problem of IE, I had similar effects on FF as well.

by(e)
Stephan

2009/1/27 phicarre <[email protected]>:
>
> I have a problem with a class attributed to fields into a dialog
> window:
> This code runs perfectly with IE7 and FF:
>
> $("#creerDialog").dialog(
> {
>    modal:true,
>    autoOpen:false,
>    width: 415,
>    height: 250,
>    resizable:false,
>    buttons: {
>        "Save":function(){},
>        "Clear":function(){}
>    }
> });
>
> <div id='creerDialog' style="display:none" >
> <form action='' id='form1' enctype='multipart/form-data' style='font-
> size:85%'>
>   <table >
>        <tr><td>Nom: </td><td><input type='text' size='30' id='nom'
> name='nom' /></td></tr>
>        <tr><td>Prénom: </td><td><input type="text" size="30"
> id="prenom" name="prenom" /></td></tr>
>        <tr><td>Alias: </td><td><input type="text" size="15"
> id="alias" name="alias" /></td></tr>
>        <tr><td>Age: </td><td><input type="text" size="15" id="age"
> name="age" /></td></tr>
>        <tr><td>Homme: </td><td><input type="radio" id="sexe"
> name="sexe" value="m">Femme: <input type="radio" id="sexe" name="sexe"
> value="f"></td></tr>
>        <tr><td>Photo: </td><td><input class="file_1" type="file"
> size="40" id="photo" name="photo" /></td></tr>
>    </table>
> </form>
> </div>
>
> The same code with a style for the table:
>
> .tab_cadre_fixe2 {
>    -moz-border-radius: 4px;
>    border: 1px solid #cccccc;
>    z-index:1;
>    text-align: left;
>    font-size: 11px;
>    width:400px;
>    position:absolute;
>    color : #000000;
> }
>
> <table class="tab_cadre_fixe2">
>
> The form is opened OUTSIDE of the dialog window for IE7 !
> >
>

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to