2013-06-02 88 views
0

在我的网站上,无论我做什么,我似乎都无法将任何内容置于我网站上的任何页面中。一切都在一边,或在页面上随机的地方。唯一的解决方案是使用绝对定位,它不能很好地工作,非常不方便,因为我必须手动完成所有工作,因为每张图片/表格都需要不同的属性。下面是该网站的样子,心就在身边 - http://i43.tinypic.com/hvb67m.jpgAspx页面对齐问题

这(表演成员)页:

<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; 
} 

母版没有什么相关性。

我会欣赏任何类型的建议,谢谢。

+0

你有没有尝试过使用文本对齐:无论你想中心的父元素的中心?唯一一个我看到的文本对齐:center是你的CSS中的td,但是你的代码中没有显示td标签。 –

+0

该页仍然看起来一样... –

+0

你改变了什么?你想要集中什么:文本,图像,div,所有? –

回答

0

试试这个(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内的任何内容。即使漂浮(没有提到宽度)div s。用这两个div将div包装在#Content2内。