-1

我正在这个网站上工作。出于某种原因,即使我使用了“margin: 0px auto;”,“title”类和“container”类也不在页面的中心。财产。我几乎 100% 确定它是 CSS 中的东西,但我不知道是什么。

CSS

.container {
    margin: 0px auto;
    width: 545px;
    height: auto;
}

.title {
    margin: 0px auto;
    width: 600px;
    height: auto;
    text-align: center;
}

.elemento1 {
    float: left;
    width: 266;
    height: auto;
}

.elemento2 {
    float: right;
    width: 266;
    height: auto;
}

.foot {
    clear: both;
}

头版

<div class="title">
<font size="20">WE LIKE TO PLAY FOOTBALL</font>
</div>

<div class="container">
<div class="elemento1">
<div class="wrap">
<div class="anim">
<p><a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a></p>
</div>
</div>
</div>

<div class="foot">
</div>

<div class="elemento1">

<div class="wrap">
<div class="anim">
<a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a>
</div>
</div>

<p>
<div class="wrap">
<div class="anim">
<a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a>
</div>
</div>
</p>

<div class="wrap">
<div class="anim">
<a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a>
</div>
</div>
</div>


<div class="elemento2">


<div class="wrap">
<div class="anim2">
<a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a>
</div>
</div>

<p>
<div class="wrap">
<div class="anim2">
<a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a>
</div>
</div>
</p>

<div class="wrap">
<div class="anim2">
<a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a>
</div>
</div>
</div>

<div class="foot">
</div>
</div>
4

7 回答 7

1

从中删除width:266px;和。height:267px;.wrap

你的 CSS

.wrap {
    width: 266px;
    height: 267px;
}
于 2013-02-01T11:53:16.053 回答
1

添加.wrap{margin:0 auto;}. 并从这个类中删除宽度。对我来说它有效。

于 2013-02-01T11:54:33.023 回答
1

我看到您的整个代码存在一个小问题。第一个问题是因为你的标题在“div class="wrap clearfix" id="inner-content" 下,它的宽度只有 266px。所以如果你设法把你的标题拿出来,那么我认为你应该能够解决问题。

于 2013-02-01T11:56:39.167 回答
0

这是因为您的包装类,只需将其删除:)

/Edit: 或者至少从 div "inner-content" 中删除它

于 2013-02-01T11:53:00.703 回答
0

.wrap {
margin: 0 auto;
width: 545px;
height: 267px;
}
should fix it
于 2013-02-01T11:57:45.897 回答
0

我假设您在 Google Chrome 和 Firefox 中使用 IE 效果更好,但页脚位置错误。您使用的不是 css 中列出的脚。只需将 css 中的 .foot 更改为页脚(假设您使用 html5)

页脚{清除:两者}

您可能想查看特定于浏览器的代码(在此处搜索或在 Google 上搜索)。火狐

于 2013-02-01T12:16:45.820 回答
0

尝试将标题 div 放入固定宽度为 100% 的容器中

于 2013-02-01T13:55:29.340 回答