CSS页面滚动就在白色空间/边距和交叉浏览器兼容性上

时间:2012-03-05 07:48:43

标签: html css wordpress-theming

我正在开发http://pizzli.com/darrenwp作为WordPress主题。出于某种原因,我无法让中心容器在其周围具有相等的左右边距,并且出于某种原因,页面认为它看到了空白并允许我向右滚动。如果有人可以提供建议,我们将不胜感激。同样在Internet Explorer中,特色新闻区似乎向下移动,我找不到任何理由。

谢谢你, 亚历

3 个答案:

答案 0 :(得分:1)

尝试添加以下css规则来制作内容中心布局。

  1. 第39行style.css

    #nav { margin-left:auto; margin-right:auto; padding-bottom:10px; 宽度:1260px;}

  2. 第33行style.css

    #header { background:url(“images / warriors.png”)无重复滚动左上方透明; 身高:201px; 保证金:0自动; 宽度:1280px; }

  3. 第26行style.css

    #container { background:url(“images / topbg.jpg”)no-repeat scroll 0 0 transparent; 身高:1445px; margin-left:auto; margin-right:auto; 宽度:1112px; }

  4. 注意:您必须根据内容的宽度对标题图像进行切片,因为图像在徽标的左侧有更多空间。

    使用css img{border:none;}从图像中删除蓝色边框。

答案 1 :(得分:0)

由于您的display:inline-block声明,可能会出现空白,请参阅here。此外,当必须跨浏览器兼容性时,请避开花哨的显示属性,尤其是table(http://www.w3schools.com/cssref/pr_class_display.asp)。 关于ie问题,尝试将图片下方的代码包装成div并从那里进行操作。我的猜测是存在某种填充问题,等等。

答案 2 :(得分:0)

我不知道您的网站发生了什么,但我有一些建议:

  1. 你的warrior.png的宽度为1280像素,而真正的标志是1098像素,那么为什么这个图像中有这么大的空间呢?
  2. 没有包装因为这样你不能集中任何东西。
  3. 就在您正在制作导航的身体标签之后,如果没有父div,导航将如何行动? 因为没有包装,一切都是自由的,并且在这里和那里移动。
  4. 你的页脚没有指定宽度,所以这可能是一段时间后的一个大问题。
  5. 你的标题,内容和导航都没有任何关系......