Javascript 如何使jquery弹出框响应

我有jQuery弹出式响应，它可以工作，但当我更改页面大小时，它保持在右侧。（使用jQuery 1.3.2和jQuery UI 1.7.1）

功能方面如下：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>

    $(document).ready(function () {
        var $dialog = $('<div stye="float:left;" width:auto;"></div>')
         .html('<p>Lütfen kişi veya kişileri hedef alan haberler yazmayınız.</p><p>Gerçeği yansıtmayan haberler paylaşmayınız. </p><ul><li>Eklediğiniz haberler Admin tarafından onaylandıktan sonra yayınlanacaktır.</li><li>Boyabat.net sitesini kullandığınız için teşekkür ederiz...</li></ul><table style="margin-right:auto; margin-left:auto;"></table>')
        .dialog({
            autoOpen: true,
            resizable: true,
            draggable: true,
            width: 'auto', // overcomes width:'auto' and maxWidth bug
            height: 300,
            maxWidth: 600,
            modal: true,
            title: 'Haber Ekleme Kuralları'
        });

    });

$（文档）.ready（函数（）{
var$dialog=$（'此问题主要由CSS文件引起，您可以调整@media文件
具有响应大小，例如S3 380 Widh
您可以设置并享受此功能。
旁注：为什么要使用jQuery 1.3.2？如此旧的版本？这是一个例子。如果我使用最新版本，问题就不会出现了？您可以尝试。此外，您不需要在此处张贴
标记。
.ui-widget-header {
    background: white;
    border: 0px;
    color:black;
}

#ui-dialog-title-dialog {
background-color: black;

}

.ui-widget-overlay {
    background: none repeat-x scroll 0 0 black;
    opacity: 0.7;
}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>

    $(document).ready(function () {
        var $dialog = $('<div stye="float:left;" width:auto;"></div>')
         .html('<p>Lütfen kişi veya kişileri hedef alan haberler yazmayınız.</p><p>Gerçeği yansıtmayan haberler paylaşmayınız. </p><ul><li>Eklediğiniz haberler Admin tarafından onaylandıktan sonra yayınlanacaktır.</li><li>Boyabat.net sitesini kullandığınız için teşekkür ederiz...</li></ul><table style="margin-right:auto; margin-left:auto;"></table>')
        .dialog({
            autoOpen: true,
            resizable: true,
            draggable: true,
            width: 'auto', // overcomes width:'auto' and maxWidth bug
            height: 300,
            maxWidth: 600,
            modal: true,
            title: 'Haber Ekleme Kuralları'
        });

    });