问题标签 [960.gs]
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.
html - 使用 CSS 和 960gs 定位页脚
我是使用 CSS 进行布局的新手(我很长时间没有做过任何网页设计),我似乎无法弄清楚如何让页面的页脚以我想要的方式显示在底部.
要求: - 如果内容超过视口的垂直大小,则显示在内容的底部 - 如果视口超过内容的垂直大小,则显示在视口的底部。
我使用的代码将页脚设置在视口底部,但如果我将浏览器的大小设置为比内容短,它只会覆盖内容。
代码:
<div style="background-image:url(footer_bg.jpg); background-position:bottom; background-repeat:repeat-x; height:235px; width:100%; bottom:0px; position:absolute;"></div>
我的主要目标是有一个带有文本(即公司信息、联系信息)和背景渐变的页脚。我希望页脚背景跨越页面的宽度,但我不知道我是否可以使用 960 gs div 做到这一点。
编辑:我想用所有的 CSS 来做这个,如果可能的话不要脚本。
我在这个链接中找到了一些很好的代码来获取 CSS 页脚:http:
//matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
我现在在用 960gs 实现它时遇到的主要问题是float:left;
在 960gs CSS 中。似乎它阻止了我的网格垂直扩展 parent <div>
。但是,如果我删除浮动,960gs 似乎也不起作用。
以下是删除浮动的链接。'a' 列是 agrid_7 suffix_1
和 'b' 列应该grid_4
在同一个container_12
. 换句话说,它们应该彼此相邻。
960.gs - 960 GridSystem,一个grid_12里面三个grid_4
我创建了一个 960gs 的 16 列布局,其中 div class="grid_12" (main) 和 grid_4 (right) (12+4...) 在 grid_12 里面我想要一个三列样式(3 pcs.grid_4 )。但是 grid_4 框不适合 grid_12,最后一个框落入第二行。
960gs框架不应该能为我做这个布局吗,我错过了什么吗?
提前致谢。
html - 在 webkit 浏览器中使用 960.gs CSS 背景颜色不填充屏幕
使用 960.gs,我有一个页面,它是一个登录屏幕,它使用 div 作为带有背景图像的登录表单。此 div 显示在标题下方,该标题将其向下推到浏览器窗口的中间。在 CSS 中,我设置了主体颜色:
...它适用于登录面板/内容的 div 的底部,但在第一次加载时页面背景为白色。一旦我刷新页面,背景颜色就会填充浏览器。这只发生在 webkit 浏览器 (Chrome/Safari) 上。
如何让页面背景颜色从一开始就填充浏览器窗口?这是 960.gs 问题还是其他问题?
css - 用 960.gs 固定页脚
我想创建固定页脚,但是否可以使用 960 gs,因为容器 div 的高度有问题。我无法将其设置为 %100。
css - CSS 高度动态设置
所以我正在检查这个网站:http ://www.grittirollo.it/ ,看起来滑出的内容有一个固定的高度。有没有办法动态设置?
css - 在 960 网格中折叠浮动
我正在尝试在页面顶部和底部使用带有页眉和页脚图形的 960 网格系统。这些图形需要比 960 网格更宽。标题工作正常 - 一个 DIV,绝对位置,宽度 100%,居中,完美地完成了这项工作。
但现在我想要同样的东西,但在页面的底部。即与页脚部分的底部对齐。我想我会将背景图像附加到.container_16
div 的底部,位于底部。这样,页脚图像将始终与内容的底部保持一致。
到目前为止,这是我的尝试: http ://www.northtreestudios.com/sandbox
红线是body
标签的边框,蓝线是.container_16
div 的边框。我在我能想到的任何地方都放置了一个清除 div ( <div class="clear"></div>
),但我所做的任何事情都不会让.container_16
div 或body
标签扩展以包含页脚!
我已经在网上搜索了几个小时,但我的想法已经用完了......
css - 960 网格系统中的重叠网格
例如,在一个 12 列的网格中,我想要一个 9-grid-wide 和另一个 4-grid-wide 。div 将在中间重叠 1 格宽。这对于一些花哨的效果很有用。
当然我可以只使用一个 div,然后在里面相应地创建更多的 div(不使用网格系统),但是有更好的方法吗?
css - 960gs 和背景的边距
我正在使用 960gs 开发一个网站,但遇到了一些麻烦。我想在我的列之间显示一个小的(斜面)边框。一种方法(我现在正在使用)是给主容器一个背景图像,但这意味着我必须手动为 2、3 或更多列制作图像。我宁愿为列本身设置背景,但这意味着我必须摆脱边距。处理这个问题的最佳方法是什么?
谢谢,J。
html - how to have a grid inside a grid with 960?
i want to have a grid inside a div grid like this one:
you can see it has an outer div grid and an inner div grid.
i wonder if this could be accomplished with 960?
thanks!
html - 将 960 网格系统值放在外部文件中
我正在考虑在我正在编写的 ASP.NET MVC 站点中使用Nathan Smith 的 960 网格系统进行布局。
我注意到 960.gs 用法的所有示例都显示如下所示的 HTML:
我并不特别喜欢将所有这些网格值放在 HTML 本身中——它会造成混乱并且内容很多,这可能会变得难以管理。
是否有可能以某种方式将这些容器和网格值放在一个外部文件中,该文件根据某些标签的id
or属性应用网格值?class