Bonjour,
Je dois centrer un formulaire dans la fenetre (le formulaire doit suivre le scroll), j'ai donc fait quelques recherches et je suis tombe sur une methode qui fonctionne, sauf sur IE (je n'ai que la version 7, je n'ai pas essaye les autres), la DIV s'ouvre et suit le scroll, mais n'est pas centree, elle reste dans le coin en haut a gauche.
Voici le code de ma page :
Code :
- <div id="comment_box">
- <div id="comment_box_inside">
- <form name="addcomment" method="get" action="action_update_status.php">
- <center><b>Add a comment :</b><br/>
- <input type="hidden" value="" id="myid" name="id" />
- <input type="hidden" value="" id="myaction" name="action" />
- <input type="hidden" value="" id="mystatus" name="status" />
- <textarea name="comment" rows="5" cols="54"></textarea>
- <input type="button" value="Cancel" onclick='location.href="index.php"'>
- <input type="submit" value=" Validate "></center>
- </form>
- </div>
- </div>
|
Et le code CSS :
Code :
- #comment_box {
- position: fixed;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- border: 0;
- visibility: hidden;
- }
- #comment_box_inside {
- position: absolute;
- width: 480px;
- height: 146px;
- top:0;
- bottom:0;
- left:0;
- right: 0;
- margin: auto;
- border-style: outset;
- background-color: #DCDCDC;
- z-index: 100;
- }
|
Auriez vous une solution pour appliquer le centrage de la fenetre sur IE ?