问题标签 [xhtml-1.0-strict]

假设我有以下简约的 HTML 代码：

页面顶部有一个空隙，似乎只有 H1 的背景是用石灰着色的，或者好像 H1 正在按下父 div 标签。但是，如果我添加“border:solid 1px red;” 对于 div 的风格，整个 div 的背景是石灰，而不仅仅是 H1。我用 IE8、FF3.5 和 Chrome 对其进行了测试。他们都有相同的行为。如果我删除 XHTML 严格的 DocType，它会像“预期的”一样工作。我错过了什么？谢谢。

When XHTML Strict is considered to be a proper markup that works across all platforms, my webpage that's in XHTML 1.0 Strict does render differently in Quirks mode.

http://www.myfurni.com

Am I doing something wrong? The page perfectly validates in W3C!

EDITED FOR THOSE WHO REFER TO THIS QUESTION AFTER THE LINKED PAGE HAS CHANGED:

The original markup contained nested DIVs with floated elements. I did not specify 'width' property for all possible elements and that somehow triggered a difference in rendering in old browsers including IE 7.0.

我正在尝试使用表格组合一个导航栏：

• 有n个链接到网站的不同部分
• 有一个“注销”链接，这是一个固定大小的图标

我想做的是以下。整个栏的可用宽度（预先知道）减去所需的图标宽度，应该在包含导航的 n 个链接的单元格之间平均分配（忽略内部链接的大小，这不是问题）。

目前，我正在 PHP 中执行此计算并用于实现此目的。但是，这不符合 XHTML 1.0 Strict 标准。根据 W3C 验证器，我应该使用 CSS 来设置列的宽度。问题是：我不知道该怎么做，如果有可能的话。可能这个问题暗示我不应该为此使用表格，但当时我没有其他想法。

如何以符合 XHTML Strict 和 CSS 的方式使用表格或其他东西来实现效果？

这是无法验证的代码片段：

它得到以下错误：

XML 解析错误：StartTag：元素名称无效

和

XML 解析错误：xmlParseEntityRef：没有名称

第一个错误是针对“小于”而抛出的，第二个错误是抛出两次，每个 & 符号一次。

将上述标志替换为&并<验证正常，但当然它完全破坏了功能。

我尝试通过我的 css 验证，但我仍然有一些警告，如下所示：

在 (x)HTML+CSS 中，浮动元素需要声明一个宽度。只有具有固有宽度的元素（html、img、input、textarea、select 或 object）不受影响

事实上，我不是很明白它 relly 是什么意思。谁能解释一下？

有什么方法可以调整 div 元素的大小而不会在页面上留下空白？我认为唯一的选择是计算可能产生的间隙并移动元素。提前感谢您的任何想法。

示例 - （请单击卡片以调整大小）

我们可以根据网络标准放置<img>在里面吗？<h1>像这样

为什么<div style="width:50%" />不在 xHTML 中呈现？如果我<div style="width:50%"> &nbsp; </div>只这样做，它就会被渲染。我错过了什么吗？min-width 有帮助吗？我使用严格的 xHTML 1.0

是否可以仅使用 CSS 修复它，或者我必须更改 html 标记？

是否可以在 xHTML strict 1.0 中使用 CSS 呈现空<div style="width:50%"> </div>而不设置绝对值的宽度和高度并且不添加 内部？目标是 IE7-8、FF 3.x

如果我希望它获得 50% 的宽度和可变的高度，我可以以某种方式渲染空 div 吗？

我想<div>在 a 下实现<table>，换句话说，div 将是可见的，因为表格中有透明的 png，但它会在<table>.

有谁知道如何做到这一点？

我尝试了float:left不同z-index的，但无济于事。