问题标签 [sticky-footer]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 使页脚粘在页面底部
我在我正在制作的网站上有一个带有一些代码的 nghtmare,应该很简单,但事实并非如此。
我希望我的页脚贴在页面底部,但是所有内容都排在第一位(当页面价值超过一页时,如果这有意义的话)
我已经能够在 Safari、Chrom 和 Firefox 中做到这一点,但令人惊讶的是 Internet Explorer 被证明是主要问题。
我现在位于底部,但是当页面内容很多时,页脚会出现在页面内容上方(请参阅“我们是谁”标签)。
http://www.break-comms.com/index.html
我真的很感激任何帮助,因为它真的开始让我烦恼,现在已经回去改变代码好几个小时了。
下面是页面随附的 CSS,就像我说的那样,对此的任何帮助将不胜感激。
css - 带有粘性页脚的嵌套 div 100% 高度
我有一个#main
嵌套在容器 div 中的 div,我想将页面填充到粘性页脚。我已经尝试了几个角度,但似乎无法让它发挥作用。如果您不使用 firebug,请询问,我会提供 CSS 等。
谢谢。
网站: http: //www.dentistrywithsmiles.com
css - CSS动态定位页脚(粘页脚问题)
我试图达到与粘性页脚相同的效果,但我有一个问题没有出现在此处提出的任何教程或问题中:我的页脚高度也是动态的。
我的页脚中有一些新闻项目,因此页脚的高度会根据这些新闻项目的长度而变化。显然,当内容的高度小于浏览器的视口时,我希望页脚绝对位于页面底部,并且当其高度高于实际视口时相对于内容。
目前我在 jQuery 中成功实现了这一点,但我想要一个纯 CSS 方法(如果有的话),因为有些用户在他们的浏览器中禁用了 JavaScript。
非常感谢!
编辑:
我的代码很常见:我的标签中有a <header>
、 an <aside>
、 a<section>
和 a 。在 jQuery 中,我几乎将这些元素的高度总和(不包括页脚)与浏览器视口进行比较。如果值更大,我在页脚添加一个,否则我添加一个。<footer>
<body>
position:relative
position:absolute; bottom:0
html - 内部容器不重复-y 用于粘贴页脚
我想要一个粘性页脚,我遵循了这个指南:http ://www.cssstickyfooter.com/using-sticky-footer-code.html
我有一个用于背景图像的外包装(容器)和一个内包装(容器2)。
我能够让页脚粘在底部,但 container2 中的背景图像并没有一直垂直向下重复。
请需要一些帮助。
css - 尝试了几种解决方案后,页脚没有粘住
我无法让页脚粘在页面底部。它适用于 1024x1280,这是我正在设计的,但是当我在 1024x768 和 800x600 中测试它时,#content 部分与页脚重叠并导致窗口底部出现空白。我试过了:
- 将页脚位置设置为绝对 w/bottom:0 ;
- 使用位置:固定,它有效,但与内容重叠。我希望它出现在内容之后。
- 向容器添加填充并以负边距向上拉页脚
- 向#content 添加填充并以负边距向上拉页脚
- 使用可怕的 hacky #push div 设置为与页脚相同的高度
在这一点上,我已经准备好向它抛出一些 Jquery 并完成,但如果有 CSS 方法来解决问题,我愿意接受建议。
编辑:如果事情看起来有点不稳定,那是因为我添加了一个插件来拉伸背景图像。原谅乱七八糟!
html - 我的 Django 模板中的页脚居中问题
我在尝试将页脚置于 Django 模板中时遇到问题。页脚 div 类是分页。
基本 HTML:
实际页面 HTML:
css - 使图像贴在网页底部
嘿伙计们,我有一个网页,其中我在页面底部有一个广告,现在我希望每当用户向下滚动页面时,广告应该只保留在底部并且也可见,类似于粘性广告。 ...我怎么能做到这一点?
提前致谢。
css - 页脚重叠内容
谢谢你的帮助。
你可以在线查看这个
问题是我的页脚。它似乎不会停留在内容之下。我试图使用对我不起作用的 Matthew James Taylor 的方法。当内容填满页面时,我需要页脚保持在内容下方,当内容未填满页面时,我需要保持在窗口底部(粘性页脚)。我正在寻找非 JS 解决方案。
再次感谢。
html - CSS:在存在 100% 宽度的元素时向右滚动:右侧部分不存在背景?
我看到很多网站都受此影响,而且我最近才沉浸在 100% 延伸的背景中......
例子是
http://brassblogs.com/blog/sticky-footer
如果您限制浏览器的宽度并向右滚动,它会在视觉上看起来关闭:背景不会延续。你怎么能解决这个问题?
编辑:呵呵,只要我自己想出答案,我就得到了答案....哈哈。
html - 如何强制我的页脚粘在 CSS 中任何页面的底部?
这是我的代码:
我不知道这有什么问题 - 任何人都可以帮忙吗?
编辑:为了更清楚地了解问题所在:页面加载时,页脚按预期显示在底部。但是,当网页的高度大于屏幕上的尺寸以致出现滚动条时,页脚将停留在同一位置。也就是说,当页面高度 <= 100% 时,页脚在底部。但是,当页面高度 >100% 时,页脚不在该页面的底部,而是在可见屏幕的底部。
编辑:令人惊讶的是,以下解决方案均无效。我最终实现了一个侧边栏。