问题标签 [html-rendering]

在我们的新网络应用程序的测试版中，我从我们的一位测试用户那里收到了下面这个混乱的页面。

用户在 Mac 上使用 FF。该站点建立在 asp.net (.NET 4.0) 之上，它使用 AJAX 并在使用动态压缩的 Windows 2008 服务器上运行。这些页面采用 XHTML 1.0 Strict 并且标记经过验证。

此用户是唯一报告此错误的用户（我们已经测试了一段时间，但可能是第一个在 Mac 上使用 FF 的用户）。他无法系统地再现它，但它时常发生。

我不知道这里发生了什么，有人见过吗？

让我知道是否应该提供有关我们的服务器设置或用户设置的更多信息。

我有一个基于巨大的 300 个字段模型的 ModelForm。实际上，一个具有 150 个字段的模型继承自另一个具有 150 个字段的模型。

我原以为模型会在syncdbor处引起一些问题save()，但它工作正常。

但是，基于此模型as_p()方法调用表单需要很长时间。我可以等待 10 分钟而没有看到任何输出。此表单的任何 HTML 呈现方法都相同。没有错误，只要我在 shell 或开发服务器中，python 就挂在那里。

Django 中的拥抱形式是否有任何已知的限制或错误？有解决方法吗？

我怀疑字符串连接存在一些问题。在此期间，我将深入研究 Django 源代码，但如果有人得到一些可以挽救我一天的线索。

我需要呈现一个带有导航菜单的侧边栏，其中包含应用程序的所有类别及其各自的子类别。但是，当当前页面引用一个类别或子类别时，当前类别需要是菜单中的第一个，但我不知道如何正确执行此操作。

我首先想到的是重复循环两次，在第一次循环中检查所讨论的类别是否与当前请求的类别相同，然后渲染它，否则跳过循环。另一个循环几乎是一样的，但如果类别与当前请求的类别相同，则跳过循环到下一个元素。但这是个很糟糕的主意，重复 HTML 两次，让维护很头疼。

我当前的代码：

您对我如何做到这一点有想法吗？我没有使用 Zend_Navigation，在这种情况下，我应该使用它吗？还是我应该只用 CSS 做这个？

由于某种原因，div 元素在渲染过程中以意想不到的方式改变了它们的父元素，这在 Firefox 和 Chrome 中可以重现。

例如

Firefox 调试器将在运行时显示为：

当我删除 .slot 元素时（请参阅附加的代码），一切都按预期呈现（#footer 在树中的位置在呈现后与源中的位置相同）。

代码： http: //pastebin.com/3j3aQFdh

我正在开发基于 epub 的应用程序。谷歌搜索后，我可以解压缩文件并将书的内容呈现到 html 页面中。下面的链接是我获取代码的参考链接

西格曼

查克

现在的问题是每个 epub 文件都包含用于获取文件内容的不同路径。所以上面链接中的代码可能不支持某些 epub 文件进行渲染。我的应用程序需要渲染所有 epub 文件。有没有像“aldiko”那样渲染epub文件的标准格式。

如果有任何标准格式，请指导我。它非常紧迫。它已经没有时间了。

在我的 html 中，我有一个生成的ul元素，其中li包含 's 和img's。

除了 css 定义的边距之外，我的 's之间还有一个奇怪的3px（大约）过度边距。li

这是 Chrome 调试控制台快照。过度区域用红色勾勒：

一个uls风格如下：

li的风格是：

完全相同的过度边距出现在 Firefox 中。

为什么会在那里？我该如何摆脱它？

我有一个带有折叠和相邻边框的 HTML 表格，以及所有单元格上的标准边框，我想将特定行的边框颜色更改为其他颜色。问题在于，当边框折叠并且相邻单元格具有不同的颜色（或我假设的一般样式）时，浏览器不会以视觉上可接受的方式呈现。

这是我的 HTML：

CSS：

上面还有一个JSFiddle。

不同的浏览器如何呈现它：

IE 7（标准）：

IE 8 和 9（标准）：

Firefox 11（注意左侧红色边框上微妙的视觉伪影以及它选择渲染角落的古怪方式）：

铬 18：

问题：我能做些什么来获得视觉上可接受的渲染？那个渲染可以是“红色边界总是优先于黑色边界”的理想吗？

澄清：

我首先在寻找一个纯 CSS 解决方案。

如果这是不可能的，我会处理一些需要小的和本地化修改的东西（即不是我必须在任何地方的每张桌子上做的事情）。

Javascript 是可以接受的，因为在实际网站中，控制边框的样式是根据用户交互动态应用的。事件处理程序由几乎与this相同的代码设置。

Corbel 字体在除 Firefox 之外的所有浏览器中看起来都应如此！在我的电脑上！（我更新了所有浏览器），但我的朋友给我发了他所有浏览器的截图，他没有这个问题。

我知道所有浏览器都以不同的方式呈现字体，但是他的浏览器呈现相同的字体很奇怪

是否有现成的程序，我可以从我的 Web 应用程序运行，将 HTML 文件转换为图像？最好使用Webkit，还是其他成熟的浏览器引擎？

我试过wkhtmltoimage，但它不能正确渲染背景（而 wkhtmltopd 工作正常）。有没有一个有效的？

在一个网页上，我有一个相当大的项目列表（例如，产品卡，每个都包含图像和文本） - 其中大约 1000 个。我想在客户端过滤这个列表（只显示那些没有被过滤掉的项目），但是存在渲染性能问题。我应用了一个非常窄的过滤器，只剩下 10-20 个项目，然后取消它（因此必须再次显示所有项目），浏览器（非常好的机器上的 Chrome）挂断一两秒钟。

我使用以下例程重新渲染列表：

dict 是允许项目的 id 的哈希值

这个函数本身立即运行，它的渲染挂了。是否有比更改 DOM 元素的“显示”属性更优化的重新渲染方法？

提前感谢您的回答。