0

首先，我很抱歉非正式的标题。我想表达我对这个问题的真实感受。我一直在清理我的网站http://www.gfcf14greendream.com/上的一些东西，并且通过另一个问题，我被引导到该网站以调试我的 html：http: //validator.w3.org/。我已经在我的网站上尝试过，并纠正了一些错误，但我遇到了一个错误， http: //validator.w3.org/check?uri=gfcf14greendream.com &charset=%28detect+automatically%29&doctype=Inline&group =0。正如它所说：

Line 72, Column 48: The width attribute on the td element is obsolete. Use CSS instead.
              <td width=200 style="vertical-align: top;">

但是，如果我尝试将其更改为<td style="vertical-align: top; width: 200;">，则褪色图片旁边的文本似乎会忽略它并在每次更改时自行调整大小，有时会变得太大而无法显示在图片旁边，而是出现在图片下方。为什么会有调整元素大小的趋势，至少在我的情况下会弄乱我的布局？有没有办法严格指定大小并让浏览器坚持它（我使用chrome），不管其他什么？如果不是所有类型的 css 溢出，我已经尝试过大多数，但文本始终显示在一行上。我什至尝试给保存文本的 td 一个高度，认为它会意识到额外的高度会破坏文本的行，但它会再次调整大小以获得可能的最小高度

如果你注意到前面底部有一些额外的空间（有一个滚动条，但在平均尺寸的屏幕上根本不需要它），那是因为我之前在左侧的垂直菜单中遇到了这个问题，为此，我必须再次提供更大的高度才能完全显示，因为使其 100% 的大小会破坏它的显示，因为在浏览器（或执行此操作的任何工具）加载站点时，菜单会变小，而不是每个按钮被正确地看到。请如果有人知道如何解决这个问题（我真的很想在没有浏览器或其他工具为我调整它们大小的情况下控制我的 html 元素的大小）让我知道，提前感谢您阅读

4

1 回答 1

1

您真的不应该在布局中使用表格。没有要显示的表格数据。桌子是（通常是邪恶的）。

也就是说，应用这种风格：

#desc {width: 200px}
#wrap img {width: 400px;height: 350px;}

并删除所有内容的宽度和高度应该可以正常工作。

只是一个额外的批评：

body {
  background-attachment: fixed;
  background-image: url("http://www.gfcf14greendream.com/images/greentwi.png");
  background-size: 100% 100%;
}

并删除您的 div#background 和 img。

于 2013-06-09T06:41:17.230 回答