相对盒子定位：IE vs FF问题.. [英] Relative box positioning: IE vs FF problem..
问题描述
嗨
对不起屏幕截图或链接...我想实现以下视觉效果
效果：
我希望在屏幕上显示三个方框，所有这些都在父框内（所以4
）。
关于三个内盒，我希望它们出现在两列
格式中。左侧列中的一个框将包含一个图像，并且另外两个框在右侧堆叠在另一个上面
列中将包含文本。
使用相对定位，我可以实现我想要的三个
内部框，这适用于Internet Explorer（IE）和FireFox
（FF）。
但是，当我添加父框时，它正确了。在IE中包围了
子盒子，但在FF中显示为一个细条（即
子盒子悬挂在这个盒子的底部）。
我不能使用绝对定位，因为我不知道这些将包含多少文本，或者图像有多大。
HTML文本只是嵌入父母中的三个< div / elements
< div /> ;.
任何帮助都会在这里得到最多的赞赏。
谢谢
Griff
Hi
Sorry no screen shots or links...I want to achieve the following visual
effect:
I want three boxes to appear on screen, all within a parent box (so 4
in total).
Concerning the three inner boxes, I want them to appear in a two column
format. One box in the left hand column that will contain an image and
the two other boxes stacked one above the other in the right hand
column that will contain text.
Using relative positioning, I can achieve what I want for the three
internal boxes and this works in Internet Explorer (IE) and in FireFox
(FF).
However, when I add the parent box it "correctly" surrounds the
daughter boxes in IE, but appears as a thin strip in FF (i.e. the
daughter boxes hang out of the bottom of this box).
I can''t use absolute positioning because I don''t know how much text
these will contain, or how big the image will be.
The HTML text is simply three <div/elements embedded within a parent
<div/>.
Any help would be most appreciated in this.
Thanks
Griff
推荐答案
Griff写道：
Griff wrote:
嗨
对不起屏幕截图或链接.. 。我想实现以下视觉效果
效果：
我想在屏幕上显示三个框，所有这些都在父框内（所以4
总计。
关于三个内盒，我希望它们以两列
格式出现。左侧列中的一个框将包含一个图像，并且另外两个框在右侧堆叠在另一个上面
列中将包含文本。
使用相对定位，我可以实现我想要的三个
内部框，这适用于Internet Explorer（IE）和FireFox
（FF）。
但是，当我添加父框时，它正确了。在IE中包围了
子盒子，但在FF中显示为一个细条（即
子盒子悬挂在这个盒子的底部）。
我不能使用绝对定位，因为我不知道这些将包含多少文本，或者图像有多大。
Hi
Sorry no screen shots or links...I want to achieve the following visual
effect:
I want three boxes to appear on screen, all within a parent box (so 4
in total).
Concerning the three inner boxes, I want them to appear in a two column
format. One box in the left hand column that will contain an image and
the two other boxes stacked one above the other in the right hand
column that will contain text.
Using relative positioning, I can achieve what I want for the three
internal boxes and this works in Internet Explorer (IE) and in FireFox
(FF).
However, when I add the parent box it "correctly" surrounds the
daughter boxes in IE, but appears as a thin strip in FF (i.e. the
daughter boxes hang out of the bottom of this box).
I can''t use absolute positioning because I don''t know how much text
these will contain, or how big the image will be.
猜猜，但是内盒会浮动。如果这样声明宽度和
高度包含div。
Louise
Guessing, but would the inner boxes be floated. If so declare width and
height on containing div.
Louise
猜测，但是内盒会浮动。如果是这样，则在包含div时声明宽度和
高度。
Louise
Guessing, but would the inner boxes be floated. If so declare width and
height on containing div.
Louise
嗨Louise
但是......我不知道父盒子需要多大，因为我不知道b $ b不知道女儿有多大盒子将是。
给我10分钟左右，我会发布一些HTML和CSS示例...
谢谢
Griff
Hi Louise
But...I don''t know how big the parent box will need to be, because I
don''t know how big the daughter boxes will be.
Give me 10 mins or so and I''ll post some example HTML and CSS...
Thanks
Griff
Griff schrieb：
Griff schrieb:
给我10分钟左右，我会发布一些示例HTML和CSS ...
Give me 10 mins or so and I''ll post some example HTML and CSS...
不，请将URL发布到最小的示例。
-
Johannes Koch
in te domine speravi;非永久性的东西。
（Te Deum，4美分。）
No, post the URL to a minimal example instead.
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)
这篇关于相对盒子定位：IE vs FF问题..的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
