html - aspx页面对齐问题

Question

在我的网站上，无论我做什么，我似乎都无法在我网站的任何页面中放置任何内容。一切都在侧面或页面上的随机位置对齐。唯一的解决办法是使用绝对定位，这种方法效果不是很好而且很不方便，因为我必须手动完成所有操作，因为每个图片/表格需要不同的属性。这是网站的样子，在侧面对齐 - http://i43.tinypic.com/hvb67m.jpg

这个(显示成员)页面:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div style=" font-family:'Times New Roman';  " align="center">   
        <img src= "./Images/ShowMembers.png" alt="ShowMembers"  />
        <br />
        <br />
        <br />
            <%=str %>

    </div>
</asp:Content>

CSS 样式表:

body 
{
    background: url(/upload/Images/Background.jpg) no-repeat; 
    background-size:100% 100%;
    background-position:bottom;

    font-size:18px;
    font-family: Arial;
    direction:rtl
}
#wrapper{
margin:0 auto;
}
a
{
     text-decoration:none;
     color:Blue;
}

.noBorder
{
    border-style:none;
}

td 
{
    vertical-align:central;
    text-align:center;
}

母版页没有任何相关内容。

我会感谢任何类型的建议，谢谢。

Answer 1

试试这个(See the fiddle):

CSS

<style type="text/css">
    .center_outer
    {
        position: relative;
        left: 50%;
        float: left;
    }
    .center_inner
    {
        position: relative;
        left: -50%;
    }
</style>

HTML

<div class="center_outer">
    <div class="center_inner">
               <!-- Put your contents (which needs to be centered) here --!>
        Whatever contents here get centered.
    </div>
</div>

这将使 div.center_inner 中的所有内容居中。即使是 float 的(没有提到宽度)div。用这两个 div 将 div 包裹在 #Content2 中。