Question

我一直在努力将所有内容都放在我网站主体的中心位置，但我却无法让它发挥作用。

这是我到目前为止所拥有的。

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

Answer 2

查看您的网站时，.container的宽度为：950px，但.span-24, div.span-24的宽度为1100px，这会导致.content-wrap的宽度混乱。

将.span-24, div.span-24的宽度更改为950px将解决问题

网站主体与背景图像不对齐

2 个答案: