问题标签 [960.gs]

我刚刚开始为自己开发一个爱好网站，并尝试使用960 css 网格系统在屏幕上布局我的 html 元素。

我有了基本的想法，刚刚在我的服务器上实现了一个骨架网站

到目前为止，我有几个问题：

我正在使用基于网格 12 的模板，因此每个“行”上的“网格”总数应该是 12。但是，我只能在同一“行”上制作两个元素，网格总数加起来为 11 ，但不是 12。如果我将 #user_panel" 的类更改为 "grid_3 prefix4"，那么实际上会将这个元素带到下一行，这会破坏一切。

另一件事是，虽然 top_bar 和 title_bar 等第一级元素在正确的位置（您可以使用方便的 Firefox 插件gridfox 确认），精确宽度为 940px，嵌套网格不在他们应该的位置是（有点远离设计的位置）。

我是这个 CSS 网格系统的新手，有没有更好的方法来管理嵌套元素？我不得不说 960.gs 上的一些示例网站非常令人惊叹：）

感谢您提前提出任何建议！

更新信息

好的，根据下面的答案，我认为在调试嵌套网格时仍然可以使用彩色边框，有一种“作弊”的临时方法：

我已经在 Photoshop 中完成了模板的设计。现在我想将它转换成 html，虽然我非常了解我也使用 firebug 的所有 html、css javascript 元素，但迄今为止我已经转换了许多模板。我的代码不包含它需要的质量。当我从一些高级网站下载任何模板并查看他们的代码时，我觉得我的代码形状非常糟糕，我的代码渴望改进。我想掌握 div 、 ul 和 li 元素以及 css 的正确使用。

他们在网络上是否有任何适当的资源可以教我如何做到这一点？

如果我使用 960gs 框架很好吗？

我在 drupal 中使用 Zen NineSixty（960 Grid 系统）创建了一个自定义主题，它在所有主要浏览器上都可以工作并且看起来很棒。我只是想知道是否有人可以让我知道我是否需要做任何其他事情才能让这个主题在 iPhone 上运行或者它是否自动兼容。我们的许多潜在客户都使用 iPhone，因此想了解 Zen NineSixty（960 Grid 系统）是否与 iPhone 兼容。

谢谢！

我读过很多人对此有疑问，我已经尝试了所有我能找到的解决方案——希望有人能指出我在哪里犯了错误。

我正在这个网站上工作，据我所知，我处于标准模式。doctype 是文件中的第一件事，它是有效的。我尝试使用带有 text-align: center 的包装器 div 或 body 标记，以及使用 text-align: left 的容器 div。

我似乎找不到任何有用的东西。任何想法将不胜感激。

对于流体布局，我可以使用 960 网格系统来开发 Web 应用程序吗？

我正在使用http://960.gs网格系统/框架

我正在尝试制作一个灵活的布局，让我能够覆盖访问者浏览器客户区域的宽度和高度，特别是在“高度”中……看下图

因此，网格布局应该涵盖所有内容，并且不应该有任何滚动条。如果用户调整大小，网格应该适应，直到达到最小宽度高度

感谢您可以给我的任何提示/技巧

最后一个 grid_3 欧米茄类向下推并且不在前 4 列的水平面上。

我在 IE8 中遇到问题，我的下拉式导航落后于另一个元素。我已经尝试了所有方法，从将有问题的元素的 zindex 设置为 1，将下拉列表设置为 99 和 999。我认为这与我使用 960 网格这一事实有关，因为它在我之前没有使用时工作过。

更新：问题出现在 IE8.0.6 但不是 IE8.0.7

更新 2：问题出现在 IE8.0.6001.187021C 但不是 IE8.0.6001.1870

我讨厌微软。

这是我的样式表，您可以看到这里发生的问题

如果您转到“可变网格系统”生成器并拥有：

列宽 = 20

列数 = 12

和排水沟宽度 = 60

...系统提供 900 的内容宽度和 960 的全宽。

http://www.spry-soft.com/grids/

现在，这在 Firefox、Chrome 甚至 IE6 中都很好，但当你在 IE8 中加载这些设置时，你最终会得到实际的全宽为1000px，而不是 960px。

这个问题以前遇到过吗？

我一直在研究网页尺寸，后来我选择了 960px 网格。但是我不了解页眉和页脚的一件事。以包含用户名 | 的stackoverflow 的页眉为例。登出 | 聊天 | 元 | 关于 | 常见问题解答和搜索框。它在浏览器端对端运行。如何让我的标题在 css 中端对端运行？

谢谢。