0

我有一个带有页眉、内容、菜单和页脚位置的网页。我的内容和我的菜单在同一个名为“allcontent”的 div 中。我用浮动将它们放在正确的位置。(内容:浮动:左;- 菜单:浮动:右;)我添加了一个页脚,只是带有一个 clear:both 样式和一些文本格式。我的问题 - 正如您在图像中看到的那样 - 页脚不在正确的位置。我把它放在'allcontent' div 之后——其中包含菜单 div(!)——但它似乎没有效果。

我该怎么办?

这是该网站的链接,在源代码中您可以查看 div 的更多详细信息。这是CSS。这与此有关:

#container {
vertical-align: top;
width: 800px;
text-align: left;
margin-right: auto;
margin-left: auto;
font-size: 9px;
min-height:100%;
margin-bottom: 50px;
}
#footer {
background-color: #2D2425;
font-size: 10px;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
color: #E2E2E2;
text-align: center;
margin: 40px auto 0;
clear:both;
border-top-width: 1px;
border-top-style:dashed;
border-top-color: #CCC;}


#allcontent {
clear: both;
padding-left: 10px;
min-width: 800px;
min-height: 100%;}

(更多在给定网站的资源中) 我认为这些正在玩这个游戏。

我确实搜索了粘性页脚的东西,但那些是给我的,我想......我也一直在阅读关于填充和边距的技巧:没有效果。

对不起,我的英语不好!请尝试帮助我!

4

2 回答 2

0

我能够通过执行以下操作来修复:

1.) 添加overflow: hidden#allcontentdiv。

height: 135px2.)从#smalldiv 中删除。

于 2012-08-27T18:48:03.377 回答
0

不要使用浮动属性。
1)删除和divs的float属性。 2)使用和为他们。 3) 删除 的属性。 #big#small
display:inline-blockvertical-align:top
height#small

于 2012-08-27T18:56:53.517 回答