2013-10-29 97 views
0

我其实有点新的HTML,但我不知道为什么我不得不滚动查看页脚时,没有任何容器和它之间的内容。有滚动查看页脚

HTML

<head> 
<!—[if lt IE 7]> 
    <link rel="stylesheet" type="text/css" href="homepage.css" /> 
<![endif]—> 
body { 
    background-color: #000; 
} 
</style> 
</head> 

<body> 
<div id="wrap"> 
<div class="container"> 
    <div class="content"> 


<!-- end .content --></div>  
<!-- end .container --></div> 
    </div> 
<div class="footer"> 
     <p> FOOTER CONTENT </p> 
    </div> 
</body> 
</html> 

CSS

.wrap { 
     position:relative; 
     margin:0 auto; 
     width:100%; 
    } 

.footer { 
     background-color: black; 
     bottom: 0; 
     float: right; 
     height: 240px; 
     left: 0; 
     overflow: hidden; 
     padding-top: 5px; 
     width: 100%; 
    } 

编辑,我加了完整的HTML身体,请参阅信息上的HTML部分。

+0

你可以发布整个HTML正文? –

+0

我试过并得到一个错误,说有很多代码。 – ZachStraus

+0

标签的内容不相关。只有标签树 –

回答

0

看起来你有一些格式不正确的html。在<body>和最后</html>标签之前,所有东西都被清除后,jsfiddle似乎可以正常工作。 http://jsfiddle.net/g6gDS/

编辑。我还在页脚中使文字变成白色,以便您可以在黑色背景下看到它。

+0

我不太清楚如何解决这个问题。 – ZachStraus

+0

我提供了你期望看到的链接吗? – mlienau

+0

我不确定。我真的不知道你做了什么减去使内容变白。 – ZachStraus

0

我想我认为它的一部分。我的身高设置为100%。所以我把它降低到了85%,它消除了滚动,但底部有一个黑色背景。嗯