问题标签 [css-position]

我在容器元素的底部有一个绝对定位的元素。问题是容器的内容动态变化（javascript）。在 FF 中它仍然可以正常工作，但 IE7（没有测试任何其他）似乎在页面加载时计算元素相对于容器顶部的位置，然后不更新它。

例子：

相反：

有什么想法/解决方法吗？

我不是 CSS 专家，所以我可能会遗漏一些明显的东西。我正在尝试设置相对大小的页眉和页脚（以便在较大的显示器上，页眉和页脚比在较小的屏幕上大）。为此，我使用百分比高度。但是，这仅在我将 设置为 时才position有效absolute。问题是，将其设置为绝对意味着它与屏幕的主要部分重叠（在页眉和页脚之间）。将其设置为相对不起作用，因为它依赖于页眉/页脚内的项目。这是我的标题的样子：

ASPX 页面只包含

有没有办法获得相对比例的页眉和页脚？

谢谢

我想创建一个与内容相关的页脚（因此不固定），但会填充屏幕的其余部分。因此，例如，在我较大的显示器上，页脚将从同一个位置开始，但填充 100 像素（例如）。在较小的显示器上，它只需要填满 75px。我尝试使用 100%，但它会导致页面非常大，用户可以向下滚动并用页脚填充整个屏幕。有没有办法让它变得更合理一些，让它刚好填满屏幕的底部？我目前的代码是这样的：

考虑以下：

这呈现为：

框 2 低于框 1 http://img.skitch.com/20100512-cr58jx4p5k37n4fcm6cn8h6dde.png

为什么框 2 与框 1 不在同一级别？它有一个position: absolute, no topor left，所以我希望它被排除在正常流程之外，而不会影响它的位置。（请注意，我不是试图通过更改 CSS 来解决“问题”，而是要了解为什么浏览器会以这种方式呈现此框。）

我有一个 div，我正在使用 JavaScript 来定位，因此当有人将鼠标悬停在图像上时，它会显示一个工具提示消息，该消息会跟随指针。（使用 tooltip-0.2.js ）

问题是，当用户在 IE6 中访问页面时，当它试图将鼠标悬停在页面上时，通过这个绝对定位的工具提示显示页面上的禁用下拉框。我怎样才能让这个下拉列表知道它的正确位置？;)

我想通过仅使用 ui.xml 文件使用所述面板进行绝对布局，但是尚不清楚这是否可能，因为文档集中在代码上并完全忽略了布局语言。我假设，因为教程没有提到这一点，所以这是不可能的，但我想确定。

我有两个表格元素，都具有位置：绝对样式。第一个表格负责某种布局的东西，有width: 100%，而第二个显示一些输入控件，有width: 400px并且居中。

在 IE 中我遇到了问题：第一个表似乎覆盖了第二个表，例如我无法使用鼠标将焦点设置到我的输入元素中。此外，当我使用开发工具并尝试检查输入元素时，通过单击它，实际被检查的元素是第一个表格元素。我必须使用 TAB 将焦点设置为输入元素。

在 FF & Chrome & Opera 中一切正常。

知道发生了什么吗？我试过玩 z-index: 没有帮助。

谢谢

编辑：这些是表：

表格1

表 2

这些表格在表单元素中彼此相邻。请不要告诉我它应该在 DIV 等上制作... :) 我知道 :)

我过去曾使用类似于此的方法完成此操作：http: //javascriptkit.com/javatutors/static3.shtml

但我不喜欢页面滚动时的“闪烁”效果，并且 div 需要随着滚动而移动。最近，我看到很多网站都有一个元素（我认为是 div 之类的），当页面滚动时它不会移动，但它看起来很平滑......它们就在那里，这是一件美好的事情。

不幸的是，我似乎不记得我最近在哪里看到它来查看源代码并试图弄清楚它，所以我想我会转过来看看你们所有的专家可以提供什么帮助/建议。

TIA

我正在尝试获得一个position:fixed在我的页面上居中对齐的 div。

我一直能够使用这个“hack”来使用绝对定位的 div

...margin-left 的值是 div 宽度的一半。

这似乎不适用于固定位置的 div，它只是将它们的最左角放置在 50% 处，并忽略 margin-left 声明。

关于如何解决这个问题的任何想法，以便我可以居中对齐固定定位的元素？

如果你能告诉我一个比我上面概述的更好的方法来居中对齐绝对定位的元素，我会额外赠送 M&M。

我怎么能把蓝色盒子放在红色盒子的中心？我看到蓝色框的左侧正好在红色框的中间，但我想将整个蓝色框居中，而不是左侧。盒子的尺寸不是恒定的。无论盒子尺寸如何，我都想对齐。在这里玩的例子。谢谢 ！

HTML：

CSS：