问题标签 [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.

0 投票
1 回答
611 浏览

asp.net - ASP.Net & 960.gs 将 .css 文件集成到新项目中

我有一个使用 960.gs 设计的完整布局,我想在 ASP.net 网站中使用它,但我收到如下警告:

“未找到警告文件‘css/Reset.css’。”

“未找到警告文件‘css/Text.css’。”

“未找到警告文件‘css/960.css’。”

“未找到警告文件‘css/Base.css’。”

我尝试向解决方案资源管理器添加一个新的类似命名的文件夹并“添加现有项目”以添加它们,但它似乎仍然会导致警告并且 intelisense 无法识别任何 960.gs 类。

是否有推荐的工作流程来导入所有这些?

我应该补充一点,它在本地开发服务器和网络空间上运行良好,这似乎只是 VS 在抱怨。

0 投票
2 回答
1877 浏览

css - 如何使用 960.gs 获得固定高度的 div?

我正在使用 960.gs 来进行简单页面的布局,但是很难为我正在使用的 DIV 强制执行最大高度。考虑以下:

如何为此 div 强制执行特定高度?我曾尝试在顶级容器上设置“高度”属性,但这也无济于事。

感谢您的任何帮助!

0 投票
2 回答
3779 浏览

css - CSS,多行的内联列表

我有一个像这样设置的标题:

我在总体布局中使用960 GS。我想要做的是让我的导航看起来像是分层的。

About 和 Account 是粗体的(这很容易),但我希望子项目的跨度低于标题导航项目,并且 LI 像上面一样显示为内联。一旦我将 display:block 附加到跨度上,即使 LI 有 display:inline ,它们也会彼此重叠。

这是我到目前为止的 CSS 内容。

0 投票
3 回答
10886 浏览

css - 960 gs,全宽背景

我正在尝试实现我在 Photoshop 中创建的设计。我想用16列960 GS,但问题是我只想要960宽度约束的内容。

我有 4 个不同领域的背景。页眉、内容区域、作为链接的顶部页脚以及包含版权的底部页脚。

页面的上半部分工作正常。背景显示,文本在正确的位置。问题来自页脚。如果内容区域中的数据超出内容区域的最小高度,则顶部页脚中的链接将被向下推,但背景保持静止。我怀疑这是因为内容都是浮动的,并且在内容扩展时不会推送背景 div。

如何在使用 960 gs 时拥有全宽背景并使其在内容扩展时页脚向下滑动?

这是我网站的基本包装。我意识到这可能不适用于我想做的事情。

960 GS css 在这里:http ://www.spry-soft.com/grids/grid.css?column_width=40&column_amount=16&gutter_width=20

我的 CSS - 我省略了与特定内容有关的元素,因为这只是为了让布局正确:

header、content、footer-top 和 copyright-footer 都有背景设置和高度或最小高度。

我真正想要的是将标题设置为 100 像素高。版权页脚是一组 42 像素高。顶部页脚设置为 200 像素高。如果内容区域足够短以至于页脚不会触及页面底部,我希望版权页脚的底部始终位于页面底部。如果内容区域扩大,我希望页脚向下滑动。我希望所有部分的背景都是 100% - 也就是说,无论浏览器有多宽,但我希望我的内容受 960 网格系统的约束。

有什么建议么?

编辑:按要求添加 CSS

0 投票
1 回答
178 浏览

css - 960:帮助不固定大小的列

我想要 5 个 div(2 行)。

标题左栏 - 内容 - 右栏 - 广告列(google adsense)

但我希望内容可以调整大小。它将调整到 webbrowsers 的大小,但不会经历一定的宽度,例如 600 px,而 leftbar、rightbar 和 ad 列是固定的。标题也不应该是固定的。

就像wn(尝试调整 webbrowser 的大小)

您如何使用 960 完成此操作?还是我必须编写自己的 CSS?

0 投票
2 回答
1268 浏览

firefox - div 背景图像在 Firefox 中显示很好,在 IE6 和 7 中消失

我对 HTML/CSS 真的很陌生,但不知何故决定一头扎进使用 960 网格系统,我发现它很有帮助。我知道有人说它没有语义,但我参与其中,最后纠结于上述问题。我已经尝试了一些代码,如溢出:隐藏,溢出:自动,显示:块等,我在其他页面和堆栈溢出页面上发现,但错误仍然存​​在。

我真的很感谢这个网站上任何人的帮助。

这些是网站的html:

和CSS:

加上 960 Grid System CSS(便于参考):

三个 div #topgrafik、#middlebody 和 #footer 中的所有背景图像在 IE 中消失。

请帮助并提前感谢您。

0 投票
2 回答
1179 浏览

css - 自定义 css 生成器流体 css 和流体 960 网格系统之间的区别

等 960:s 主页您可以自定义网格并下载流体版本。所以如果我想要一个灵活的网格,这可以吗?

流体 960 网格系统是怎么回事?只有 12 列和 16 列版本。如果我使用 960 自定义生成器生成了 24 列流体版本怎么办?

0 投票
5 回答
11678 浏览

css - 960网格布局的好教程?

我想使用 960 网格系统为我的网站生成布局。我从他们的网站上的自定义生成器下载了一个 24 列的流体版本。

现在我想知道我能用它做的每一件小事。我查看了 css 文件,发现了一些类名,例如 .suffix_x .prefix_x .push_x .pull_x .clear .clear_fix 等

我在哪里可以找到解释所有这些的教程?如何制作leftbar、main div等。

奇怪的是它没有教你如何在他们的网页上实际使用网格系统。而且我在谷歌上找不到解释一切的好教程。

如果有人可以推荐这样的教程,那就太好了。

如果你们中的一些人使用过 960 流体网格系统,那么如果有很好的教程链接也会很棒。

0 投票
3 回答
1398 浏览

css - 960 的宽度大于 960 像素?

如果我在他们的网页上使用自定义 css 生成器,我可以有比 960 更宽的宽度吗?那么960这个名字是不是有点误导?

有些人说您不能使用 960 拥有灵活的网格系统(随浏览器大小而变化)。但是您可以从自定义 css 生成器下载流体版本。所以显然他们不知道他们在说什么?

如果有人能把这些事情弄清楚,那就太好了。

0 投票
2 回答
2650 浏览

css - 具有 24 列或更多列的 Fluid 960 网格系统?

有没有使用 Fluid 960 Grid System 至少有 24 列的方法?

http://www.designinfluences.com/fluid960gs/

因为我想要一个流畅的版本,而我目前正在使用你可以在 960:s 网站上使用 css 生成器下载的流畅版本。