HTML 表格定位(微妙)

发布于 2024-08-15 18:36:05 字数 420 浏览 2 评论 0原文

我正在使用 http://www.qxl.dk/ 并且遇到问题。如果将最左边的列和中间的列之间的间距与中间和最右边的列之间的间距进行比较,您会发现它们至少相差 10 个像素。

间距是通过使用表格布局来完成的,其中 10 像素宽的 TD 作为左侧的装订线,9 像素宽的 TD 作为右侧的装订线。但正如您所看到的,它无法正常工作。我一直在寻找杂散填充或边距条款,但我还没有找到。

所有的想法都受到赞赏!

(哦,我对网站使用表格进行布局感到痛苦抱歉 - 这不是我的选择)

(更新,2011 年 2 月:这个问题涉及不再活跃的特定错误设计。将问题保留在网上最多只会产生误导,因此已将其标记为删除)

I am working on http://www.qxl.dk/ and I am experiencing a problem. If you compare the spacing between the leftmost column and the center column to the spacing between the center and the rightmost column, you'll see that they are different by at least 10 pixels.

The spacing has been done by using a table layout with a 10px wide TD as the gutter on the left, and a 9 px wide TD as the gutter on the right. But as you can see, it isn't working properly. I've been hunting for a stray padding or margin clause somewhere, but I haven't found it.

All ideas are appreciated!

(oh, and I am painfully sorry about the site's use of tables for layout - not my choice)

(UPDATE, Feb. 2011: This question refers to a specific bug on a no longer active design. Keeping the question online is misleading at best, so it has been flagged for removal)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

無處可尋 2024-08-22 18:36:05

table-layout:fixed 添加到主表。在我看来,这就像 hasLayout 那种神奇的仙尘来解决所有表格问题。根据 Firebug 的说法,似乎可以与您的网站配合使用。

Add table-layout: fixed to the main table. In my perception this is just like hasLayout kind of magical fairy dust to remedy all table problems. Seems to work with your site according to Firebug.

可爱暴击 2024-08-22 18:36:05

这似乎是“Varer i dit nærområde”框标题及其内容:

.contentsStaticLeft_dk(行381)

{

背景图片:
url(/contents/dk/images/forside/contentsStaticLeft.gif);
背景重复:重复-y;
顶部填充:5px;
右内边距:19px;
底部填充:0px;
左内边距:15px;

}

网络开发人员工具栏非常适合查找此类内容

It seems to be the "Varer i dit nærområde" box header and its content:

.contentsStaticLeft_dk (linie 381)

{

background-image:
url(/contents/dk/images/forside/contentsStaticLeft.gif);
background-repeat: repeat-y;
padding-top: 5px;
padding-right: 19px;
padding-bottom: 0px;
padding-left: 15px;

}

The web developer toolbar is great for finding out stuff like this.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文