Css页脚和背景

我一直在网站上最近工作，并遇到了一个主要问题：http：//jimbob.webatu.com/index.html（你需要看到网页上的编码） .I've建立自己的网站，因此有两个主要列，但都集中到middle.The ID包是一起什么都中心和两列浮动左或右：Css页脚和背景

 #wrap { 
    width:750px; 
    margin:0 auto; 
    background-color:#6E6E6E; 
    border-left:3px solid #A9E2F3; 
    border-right:3px solid #A9E2F3; 
    } 
    #main { 
    float:left; 
    width:496px; 
    background:white; 
    border-top-right-radius:5px 5px; 
    border-bottom-right-radius:5px 5px; 
    } 
    #sidebar { 
    float:right; 
    width:250px; 
    } `

但是最近我尝试使用顶部的导航栏添加页脚栏。这已被设置为通过使用“clear：both”来保持总体变形，并且一直试图使其完全避免“wrap”id。然而，出现了问题，并且控制“wrap”和“secondborder”不会完全关闭。同样，你可能会看到后面出现了一个灰色条，并且“换行”背景将不适用（我已经将侧栏背景设置为空白，以便“换行”背景适用于它，这看起来有点整洁）。我无法粘贴所需的编码，因为它太分散且时间太长（请查看网页上的页面源代码）。任何人都可以提供一个解决方案，“包装”的背景和“footer”不居中？我只在过去的3个月里一直在学习html和编码，所以请原谅我，如果这是我犯的一个愚蠢的错误。再次链接到我的网站的问题是：http://jimbob.webatu.com/index.html

来源

2012-06-12 user1396017

创建一个http://jsfiddle.net/原型，所以我们可以玩你的代码。 – pixeline

添加溢出：隐藏;您#wrap这样

#wrap { 
    width: 750px; 
    margin: 0 auto; 
    background-color: #6E6E6E; 
    border-left: 3px solid #A9E2F3; 
    border-right: 3px solid #A9E2F3; 
    height: auto; 
    overflow: hidden; 
    }

为了使您的#footer的要像在页面底部的页脚，你将不得不把它从你#sidebar的，并把它收为#sidebar后。这应该可以解决你的问题。

要解决的#sidebar被切断你需要浮起来离开，而不是权利，SUC，

#sidebar { 
    float: left; 
    width: 250px; 
    }

希望这有助于。

来源

2012-06-12 09:09:13 frontendzzzguy

这似乎已经固定除了导致侧栏移动和切断它的一部分。感谢您修复页脚和灰色条，尽管 – user1396017

我更新了我的答案，以帮助您处理#sidebar问题。 – frontendzzzguy

谢谢你。这似乎修复了我无法处理的一切。 – user1396017

一般来说，你需要清除后，你的浮动div的。这告诉浏览器停止下一个元素的浮动。看你的HTML我以前<div id="footer"><br style="clear:both" />

同时添加，关闭#wrap再添<br style="clear:both" />

来源

2012-06-12 08:54:49 Filype

这是膨胀：只需将“overflow：hidden”添加到容纳浮动元素的容器即可。 – pixeline

这似乎没有做任何不幸的事 – user1396017

@pixeline我需要放置'overflow：hidden'吗？它是否与“wrap”ID？ – user1396017

我只是增加了一个新的div你secondborder元素之前：<div style="clear:both"></div>是排序的问题。你是浮动的，没有清除边栏或主div。

来源

2012-06-12 08:57:09

我需要在第二个边框上放置“clear：both”的div吗？ – user1396017

Css页脚和背景

回答

相关问题