定位麻烦 [英] Positioning trouble
问题描述
在页面上
http：// gavelcade .com / tests / trivia.html
我期待着标题和随后的文字定位
而不考虑图像或包含它的DIV，绝对定位
。换句话说，我期待每个标题即使在
相关图像的顶部开始，但是左边距清除了
图像，然后一个小的向左慢跑，它确实从图像的右边缘开始。
边缘。标题下方的单个项目应该具有相同的左边距
并且立即落在标题下。
相反，图像和包含它们的DIV似乎保留在
流程中。
有人能告诉我我错过了什么吗？
- -
Harlan Messinger
从我的电子邮件地址中删除第一个点。
Veuillez？ter le premier point de mon adresse de courriel。
On the page at
http://gavelcade.com/tests/trivia.html
I''m expecting the headings and the text that follows them to be positioned
without regard to image or the DIV that contains it, which is positioned
absolutely. In other words, I''m expecting each heading to start even with
the top of the related image, though with a left margin that clears the
image, and then a small leftward jog so that it does start inside the right
edge of the image. The individual items below the headings should have the
same left margin and fall immediately under the headings.
Instead, the images and the DIVs containing them seem to be remaining in the
flow.
Could anyone tell me what I''m missing?
--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ?ter le premier point de mon adresse de courriel.
推荐答案
Harlan Messinger写道：
Harlan Messinger wrote:
在页面上
http://gavelcade.com/tests/trivia.html
我期待它们之后的标题和文字定位，而不考虑图像或
包含它的DIV，它绝对定位。换句话说，我希望每个标题都能在相关图像的顶部开始，但是左边距可以清除图像，然后是一个小的向左慢跑所以它确实从图像的右边缘开始。标题下面的单个项目应该具有相同的左边距并且立即落在标题下面。
相反，图像和包含它们的DIV似乎是
留在流程中。
有谁能告诉我我错过了什么？
On the page at
http://gavelcade.com/tests/trivia.html
I''m expecting the headings and the text that follows them
to be positioned without regard to image or the DIV that
contains it, which is positioned absolutely. In other
words, I''m expecting each heading to start even with the
top of the related image, though with a left margin that
clears the image, and then a small leftward jog so that it
does start inside the right edge of the image. The
individual items below the headings should have the same
left margin and fall immediately under the headings.
Instead, the images and the DIVs containing them seem to be
remaining in the flow.
Could anyone tell me what I''m missing?
我想：
< br $>
img.subjectimage
与
div.subjectimage img :-)
不一样 -
Els http://locusmeus.com/
Sonhos vem。 Sonhos v？o。 Orestoébritfeito。
- Renato Russo -
现在播放：S aar - 8
This I think:
img.subjectimage
is not the same as
div.subjectimage img :-)
--
Els http://locusmeus.com/
Sonhos vem. Sonhos v?o. O resto é imperfeito.
- Renato Russo -
Now playing: S a a r - 8
" Els" < EL ********* @ tiscali.nl>在消息中写道
news：Xn ***************** @ 130.133.1.4 ...
"Els" <el*********@tiscali.nl> wrote in message
news:Xn*****************@130.133.1.4...
Harlan Messinger写道：
Harlan Messinger wrote:
在页面上
http://gavelcade.com/tests/trivia.html
我期待着标题和文字跟随他们
关于图像或
包含它的DIV，绝对定位。换句话说，我希望每个标题都能在相关图像的顶部开始，但是左边距可以清除图像，然后是一个小的向左慢跑所以它确实从图像的右边缘开始。标题下面的单个项目应该具有相同的左边距并且立即落在标题下面。
相反，图像和包含它们的DIV似乎是
留在流程中。
有人能告诉我我错过了什么吗？
On the page at
http://gavelcade.com/tests/trivia.html
I''m expecting the headings and the text that follows them
to be positioned without regard to image or the DIV that
contains it, which is positioned absolutely. In other
words, I''m expecting each heading to start even with the
top of the related image, though with a left margin that
clears the image, and then a small leftward jog so that it
does start inside the right edge of the image. The
individual items below the headings should have the same
left margin and fall immediately under the headings.
Instead, the images and the DIVs containing them seem to be
remaining in the flow.
Could anyone tell me what I''m missing?
我认为：
img .subjectimage
与
div.subjectimage img不同： - ）
This I think:
img.subjectimage
is not the same as
div.subjectimage img :-)
啊，这就是我所忽视的。谢谢。虽然
div.subjectimage img
也不是我想要的，因为我想要整个div定位，
不仅仅是图像（无论如何都必须在一个块内 - 或者，AIUI，
浏览器将它放在一个匿名块中）。所以我把它更改为
div.subjectimage
现在我在IE6中有一个不同的问题，它已将图像移动到
正确，以便它们与文本左对齐。 Opera和Firefox很好。
罚款。我可以不在图片中做一些复杂的IE吗？
Ah, that''s what I was overlooking. Thanks. Though
div.subjectimage img
is also not what I wanted, because I want the whole div to be positioned,
not just the image (which has to be inside a block anyway--or else, AIUI,
the browser will put it in an anonymous block). So I changed it to
div.subjectimage
and now I have a different problem in IE6, which has moved the images to the
right so that they are left-aligned with the text. Opera and Firefox are
fine. Can I just not do something this complicated with IE in the picture?
" Harlan Messinger" < H ********* @ comcast.net>在消息中写道
新闻：2l ************ @ uni-berlin.de ...
"Harlan Messinger" <h.*********@comcast.net> wrote in message
news:2l************@uni-berlin.de...
啊，那是什么我在俯瞰。谢谢。虽然div.subjectimage img
也不是我想要的，因为我想要整个div定位，
不仅仅是图像（必须无论如何都要进入一个区块 - 否则，AIUI，浏览器将把它放在匿名区块中）。所以我把它改成了
div.subjectimage
现在我在IE6中有一个不同的问题，它将图像移动到
右侧，这样它们就是与文本左对齐。 Opera和Firefox很好。我可以不在图片中用IE做一些复杂的事情吗？
Ah, that''s what I was overlooking. Thanks. Though
div.subjectimage img
is also not what I wanted, because I want the whole div to be positioned,
not just the image (which has to be inside a block anyway--or else, AIUI,
the browser will put it in an anonymous block). So I changed it to
div.subjectimage
and now I have a different problem in IE6, which has moved the images to the right so that they are left-aligned with the text. Opera and Firefox are
fine. Can I just not do something this complicated with IE in the picture?
这会让我失望：它甚至适用于Netscape 4.7。只是不是IE。
This kills me: it even works in Netscape 4.7. Just not IE.
这篇关于定位麻烦的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
