问题标签 [css]

我有一个刚刚上传到互联网上的网站，在 Ubuntu 和 WinXP 上使用 Firefox 3.0.1 显示的效果不同。

我在 Ubuntu 上注意到的两件事：

1. 网站图标不见了
2. 背景颜色不显示（在样式表中设置）

我做错了什么？CSS 文件是在 Ubuntu 下获取的，那么为什么不应用所有样式表，只应用它喜欢的部分呢？为什么不显示图标？他们是同一个问题吗？

关于 favicon 的答案：以前没有 favicon。浏览器缓存了缺少的图标。 清除 Firefox 缓存，一切正常。

我有以下 html.erb 代码，我希望将其移至 Haml：

它所做的是将当前分配状态的 CSS 类与 span 相关联。

这在 Haml 中是如何完成的？我确定我错过了一些非常简单的东西。

如何使用 CSS 创建圆角？

我目前正在为我工​​作的公司开发一个内部销售应用程序，并且我有一个允许用户更改收货地址的表单。

现在我认为它看起来会更好，如果我用于主要地址详细信息的文本区域只会占用其中的文本区域，并在文本更改时自动调整大小。

这是它目前的截图。

有任何想法吗？

@克里斯

一个很好的观点，但我希望它调整大小是有原因的。我希望它占用的区域是其中包含的信息的区域。正如您在屏幕截图中看到的，如果我有一个固定的文本区域，它会占用相当多的垂直空间。

我可以减少字体，但我需要地址大且可读。现在我可以减小文本区域的大小，但是对于地址行需要 3 或 4 行（一个需要 5 行）的人，我会遇到问题。需要让用户使用滚动条是一个主要的禁忌。

我想我应该更具体一点。我在垂直调整大小之后，宽度并不重要。唯一会发生的问题是，当窗口宽度太小时（如屏幕截图所示）时，ISO 编号（大的“1”）会被推送到地址下方。

这不是噱头；它是关于拥有一个用户可以编辑的文本字段，它不会占用不必要的空间，但会显示其中的所有文本。

虽然如果有人想出另一种方法来解决这个问题，我也愿意接受。

我稍微修改了代码，因为它的行为有点奇怪。我将其更改为在 keyup 时激活，因为它不会考虑刚刚输入的字符。

我有一个可能包含大量数据的元素，但我不希望它破坏页面布局，所以我设置max-height: 100pxand overflow:auto，希望在内容不适合时出现滚动条。

在 Firefox 和 IE7 中一切正常，但 IE8 表现得好像overflow:hidden存在而不是overflow:auto.

我试过overflow:scroll了，仍然没有帮助，IE8只是截断内容而不显示滚动条。max-height将声明更改为height使溢出工作正常，它是max-heightand的组合overflow:auto破坏了事情。

这也被记录为IE8 的最终发布版本中的官方错误

有解决方法吗？现在我求助于使用height而不是max-height，但如果没有太多数据，它会留下大量空白空间。

使用 IE 时，不能将绝对定位的 div 放在选择输入元素上。这是因为 select 元素被认为是一个 ActiveX 对象，并且位于页面中每个 HTML 元素的顶部。

我已经看到人们在打开弹出 div 时隐藏了选择，这会导致控件消失的非常糟糕的用户体验。

FogBugz 实际上有一个非常聪明的解决方案（在 v6 之前），可以在显示弹出窗口时将每个选择变成文本框。这解决了错误并欺骗了用户的眼睛，但行为并不完美。

另一个解决方案是在 FogBugz 6 中，他们不再使用选择元素并在任何地方重新编码。

我目前使用的最后一个解决方案是弄乱 IE 渲染引擎，并强制它也将绝对定位的元素渲染<div>为 ActiveX 元素，以确保它可以存在于选择元素之上。这是通过在<iframe>内部放置一个不可见的<div>并使用以下样式来实现的：

有没有人有比这个更好的解决方案？

编辑：这个问题的目的是提供更多信息，因为它是一个真正的问题。我发现这个<iframe>技巧是一个很好的解决方案，但我仍在寻找改进，比如删除这个会降低可访问性的丑陋无用标签。

尽管这些天我一直在努力进行完整的验证，但我经常想知道这是否是在浪费时间。如果代码运行并且在所有浏览器中看起来都一样（我使用 browsershots.org 进行验证），那么我是否需要更进一步，或者我只是过于肛门？

创建代码时，您将代码保持在什么级别：

a) 你自己 b) 你的客户

PS Jeff 和公司，为什么堆栈溢出不验证？:)

编辑：一些很好的见解，我认为，因为我一直如此痴迷于有效，所以我编程知道什么会导致问题，什么不会，所以我比那些先创建网站然后再创建网站的人处于更好的位置“回去解决验证问题”

我想我可能会发布另一个关于堆栈溢出的问题；“你是边走边验证还是完成后再回去验证？” 因为这似乎是这个问题的去向

我有一个绝对定位div，我想在用户单击链接时显示。链接的onclick调用了一个js函数，该函数将div的显示设置为阻塞（也尝试过：“” inline，，，，table-cell等inline-table）。这在 IE7 中效果很好，在我尝试过的所有其他浏览器（FF2、FF3、Opera 9.5、Safari）中都没有。

我尝试在通话前后添加警报，它们显示显示已从 更改为none，block但未div显示。

div如果我使用 Firebug 的 HTML 检查器更改显示值（但不是通过 Firebug 的控制台运行 javascript），我可以在 FF3 中显示 - 所以我知道它不仅仅是在屏幕外显示，等等。

我已经尝试了我能想到的一切，包括：

• 使用不同的文档类型（XHTML 1、HTML 4 等）
• 使用可见性可见/隐藏而不是显示块/无
• 使用内联 javascript 而不是函数调用
• 从不同的机器测试

关于可能导致这种情况的任何想法？

如何左对齐有序列表中的数字？

更改有序列表中数字后的字符？

还有一个 CSS 解决方案可以从数字更改为字母/罗马列表，而不是使用 ol 元素上的 type 属性。

我最感兴趣的是适用于 Firefox 3 的答案。

我唯一发现的是；

唯一可行的方法是将文本放在一个段落中，这会导致那些可怕的难看的额外行。我宁愿把它们放在一种<span class="hang"></span>东西里。

我也在寻找一种方法来进一步缩进，而不仅仅是单层悬挂。使用段落来堆叠缩进是行不通的。