2012-03-23 100 views
0

我正在尝试创建一个响应模板,并且遇到了无序列表打破了我粘滞页脚的问题。无序列表打破粘滞页脚

看来,特别是当我不包括李的,保持ul,页脚喜欢坚持,但李的实际上并没有实际上似乎是伸出底部时,包括...试图检查, FF 3D建模等到处寻找那任何迹象......

link to pagedirect css link

它只是页脚下面的额外空间,无法找出它虽然。 我一直没有找到像这样的特定粘性问题 有什么帮助吗?谢谢

更新:另一件我注意到,当我删除文档类型,它工作得很好。我正在使用html5文档类型。

更新2:将ul设置为block将其修改为当前的行内表,但是无法将其设置为其子元素的宽度并通过文本对齐对齐。我认为这将是更好的做法,以保持内联表,而不是使用浮动...

更新3:设置UL​​阻止,LI内联,表,并减少裕度,仍然约一个像素剩余溢出还是发生了......唯一的问题是现在的高度/行高是搞乱,现在允许悬停背景颜色变化充分延长

回答

0

我这个添加到你的CSS的底部,它坚持

#footer{top:auto; bottom:0;padding:0;margin:0;overflow:hidden;} 

但是,这只是一个快速的懒惰修复,我强烈建议你回溯,尽管你的代码,这似乎是非常复杂的这样一个简单的结构,尝试减少CSS中的分支元素。

+0

谢谢。我的意思是,如果这是你的意思,那里的分支就是折叠移动设备的布局或特定的屏幕尺寸<640像素。我试图压缩一切,主要是我可以 – Colby 2012-03-23 20:18:31

+0

你认为通过重定向,HTML/CSS的桌面/移动框架单独或作为一个组合的单独的移动网站?尝试:http://html5boilerplate.com/mobile,http://stuffandnonsense.co.uk/projects/320andup/ – Undefined 2012-03-24 00:18:10

+0

嗯,我没有真正考虑过。肯定会看看,谢谢!现在希望能够尝试并首先了解是什么使得ul/li或者其他任何容器在上面的网站中表现得很怪异。 – Colby 2012-03-24 01:01:23