html - 网站主体与背景图片不对齐

Question

这是我的网站swimbikerun.ph

我一直在尽一切努力使我的网站主体居中，但我就是看不到让它发挥作用。

这是我目前所拥有的。

body {      
  background: #000000
 url('http://www.swimbikerun.ph/wp-content/uploads/2014/03/finalbgtakeover.png') center;
  background-repeat:no-repeat;
  background-attachment:fixed;   
  margin: 0 auto;
}

#header-yadh {
  width: 720px; 
  margin: 0 auto; 
  padding-top: 10px;
}

#footer-yadh {
  width: 720px; 
  margin: 0 auto;
}

#wrapper {
  margin: 0 auto;
  min-width: 764px;
  max-width: 1095px;
  padding: 15px 0;
}

#container {
  position: relative;
  .feedtwitter {
    float:right;
  }
  .rightoo-banner {
    float:right;
  }     
  .leftoo-banner {
    width:300px; 
    float:left
  }
}

我在我的论坛中得到了它(主页与背景图像接管完美对齐。我正在尝试复制代码，但它不起作用。它应该看起来像我的在线论坛(还不能发布 2 个链接)

我知道只需要一个 CSS 代码就可以使所有内容正确对齐。

我还需要在 ipad 和 android 手机和平板电脑上对齐它。

我该怎么做？

Answer 1

现在定义你的css .span-24 {width:950px;}

像这样

.span-24{
  width:950px;
}