28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je me casse la tête depuis ce matin sur ce problème :

Je cherche à reproduire le comprtement de http://asp.net/AJAX/AjaxControlToolkit/Samples/ModalPopup/ModalPopup.aspx en CSS. J'y suis presque, ça fonctionne nickel avec FF et Safari mais pas avec IE.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Page sans titre</title>
</head>
<body>
    <img src="Images/logo.gif" />
    <div id="overlay" style="color: #FFFFFF; position: absolute; visibility: visible;
        padding: 0px; font-family: Courrier; align: center; font-size: 8pt; background-color: #000000;
        opacity: .75; filter: alpha(opacity=75); width: 100%; height: 100%; top: 0; left: 0;
        z-index: 1;">
    </div>
    <div id="page" style="margin-left: auto; margin-right: auto; width: 934px; position: relative;
        top: 0;">
        test
        <div id="Progress" style="visibility: visible; position: absolute; top: -200px; left: 0px;
            width: 400px; height: 300px; position: absolute; z-index: 2; background-color: White">
            test
        </div>
    </div>
</body>
</html>


Merci d'avance