由于解决方案而导致的职位变化答案

【问题标题】：Position Changes due to Resolution由于解决方案而导致的职位变化
【发布时间】：2012-04-16 14:16:42
【问题描述】：

当前的模型 UI 只能（如预期）在 Firefox 中工作。

我有一个白色边框，根据屏幕分辨率定位不同。

在 800 x 600 和 1024 x 768 中，边框向左对齐一点：

在 1280 x 1024 中，它显示为我想要的，居中：

HTML sn-p 是：

 <div id="comment_middle">
        <a id="topcomment"></a>
        <div id="comment_top"><center><p id="commentshdr">عدد الردود: 0</p></center></div>
          <div id="commentcontent">
               <div id="no_comments"><center><b><font color="purple" size="4">لاتوجد ردود</font></b></center></div>
                </div>
           
                    
        <a id="posted"></a>
           <div id="maincmnt">
               <p>الــرد على الموضوع</p>
               <fieldset>
               <form action="po.php?id=499#posted" method="POST">
                    <!--<input type="hidden" name="posted" value="#posted" />-->
                    <input name="id" value="499" type="hidden">
                    <input name="page" value="1" type="hidden">
                    <textarea rows="20" cols="60"></textarea><br>
                    <div id="replybutton_content">
                        <div id="userbadge-register"><center><a href="#" target="_blank">سجل في الموقع الآن لتستطيع التواصل مع العضو</a></center></div>
                    </div>               </form>
               </fieldset>
           </div>

        <div id="comment_bottom"></div>
    </div>

我附上了一个 div，它收集了上面提到的所有 div，以便能够一次移动整个集合，因为边框被分成几个部分，所以我需要某种 div 来收集它们：

<div style="margin-right: 20%;">
//the above html block
</div>

我将不同的尺寸更改为 margin-right：20%、padding-right 等。在屏幕分辨率之一中总是有额外的对齐。例如，如果边框以 1280 x 1024 为中心，则较小分辨率的边框向左对齐。如果边框以较小的分辨率居中，则边框在 1280 x 1024 中向右对齐。我希望它们都出现在快照 #3 的相同位置。知道如何解决这个问题吗？

谢谢。

【问题讨论】：

标签： html css

【解决方案1】：

在 div#comment_middle 上试试这个

<div id="comment_middle" style="margin: 0 auto;">

并删除其父级的边距。

【讨论】：

【解决方案2】：

您的整个内容区域都需要一个外部包装器。给它一个固定的（假设它是 960）：

.wrapper {
    width:960px;
    margin-left:auto;
    margin-right:auto;
}

【讨论】：