注释不会在IE中浮动 [英] annotation doesn't float in IE
问题描述
我有一个非常简单的html doc使用以下样式：
< style type =" text / css">
.. x-note {background-color：#afeeee;保证金：1EX; padding：1ex;
float：right;行高：130％;宽度：60ex;明确：两者;}
p {line-height：130％; width：70ex;}
< / style>
通常是< p>是小说的主要文本，其间是< div
class = x-note> ...< / div>这是在右侧浮动的注释。
我的问题是在Windows XP下的Microsoft IE中，注释确实没有浮动。也就是说，它的左侧是空白的巨大差距。
Firefox浏览器和Mac上的其他浏览器一样好。 （但是我是
关注IE，因为它有~80％的用户）
什么可能导致IE中的问题？
这里有问题的页面：
http： //xahlee.org/p/george_orwell_english.html
谢谢。
Xah
xa*@xahlee.org
a ?? http://xahlee.org/
i have a very simple html doc using the following style:
<style type="text/css">
..x-note {background-color:#afeeee; margin:1ex; padding:1ex;
float:right; line-height:130%; width:60ex; clear:both;}
p {line-height:130%; width:70ex;}
</style>
typically, the <p> is main text of novels, and in between is <div
class=x-note>...</div> that are annotations floating on the right side.
My problem is that in Microsoft IE under Windows XP the annotation does
not seems to float. That is, on its left side are huge gaps of
blankness.
Firefox browser is fine as well as other browsers in Mac. (but i''m
concerned with IE as it''s got ~80% users)
what could cause the problem in IE?
here''s page in question:
http://xahlee.org/p/george_orwell_english.html
Thanks.
Xah
xa*@xahlee.org
a?? http://xahlee.org/
推荐答案
Xah Lee于2005年7月12日在comp.infosystems上写道。 www.authoring.stylesheets：
Xah Lee wrote on 12 jul 2005 in comp.infosystems.www.authoring.stylesheets:
我有一个非常简单的html doc使用以下样式：
< style type =" text / css">
.x-note {background-color：#afeeee;保证金：1EX; padding：1ex;
float：right;行高：130％;宽度：60ex;明确：两者;}
p {line-height：130％; width：70ex;}
< / style>
通常，< p>是小说的主要文本，其间是< div
class = x-note> ...< / div>这是在右侧浮动的注释。
我的问题是，在Windows XP下的Microsoft IE中，注释似乎不会浮动。也就是说，左侧是空白的巨大空白。
Firefox浏览器和Mac上的其他浏览器一样好。 （但是我很关心IE，因为它有~80％的用户）
什么可能导致IE中出现问题？
这里'的页面问题：
http://xahlee.org/p/george_orwell_english.html
i have a very simple html doc using the following style:
<style type="text/css">
.x-note {background-color:#afeeee; margin:1ex; padding:1ex;
float:right; line-height:130%; width:60ex; clear:both;}
p {line-height:130%; width:70ex;}
</style>
typically, the <p> is main text of novels, and in between is <div
class=x-note>...</div> that are annotations floating on the right side.
My problem is that in Microsoft IE under Windows XP the annotation does
not seems to float. That is, on its left side are huge gaps of
blankness.
Firefox browser is fine as well as other browsers in Mac. (but i''m
concerned with IE as it''s got ~80% users)
what could cause the problem in IE?
here''s page in question:
http://xahlee.org/p/george_orwell_english.html
把< div>在< p>< / p>内而不是在差距< / p> < p>
-
Evertjan。
荷兰。
（全部替换在我的电子邮件中穿过圆点）
Put the <div> inside the <p></p> and not in the gap </p> <p>
--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)
Evertjan。写道：
Evertjan. wrote:
Xah Lee于2005年7月12日在comp.infosystems上写道。 www.authoring.stylesheets：
Xah Lee wrote on 12 jul 2005 in comp.infosystems.www.authoring.stylesheets:
我有一个非常简单的html doc，使用以下样式：
< style type = " text / css">
.x-note {background-color：#afeeee;保证金：1EX; padding：1ex;
float：right;行高：130％;宽度：60ex;明确：两者;}
p {line-height：130％; width：70ex;}
< / style>
通常，< p>是小说的主要文本，其间是< div
class = x-note> ...< / div>这是在右侧浮动的注释。
我的问题是，在Windows XP下的Microsoft IE中，注释似乎不会浮动。也就是说，左侧是空白的巨大空白。
Firefox浏览器和Mac上的其他浏览器一样好。 （但是我很关心IE，因为它有~80％的用户）
什么可能导致IE中出现问题？
这里'的页面问题：
http://xahlee.org/p/george_orwell_english.html
i have a very simple html doc using the following style:
<style type="text/css">
.x-note {background-color:#afeeee; margin:1ex; padding:1ex;
float:right; line-height:130%; width:60ex; clear:both;}
p {line-height:130%; width:70ex;}
</style>
typically, the <p> is main text of novels, and in between is <div
class=x-note>...</div> that are annotations floating on the right side.
My problem is that in Microsoft IE under Windows XP the annotation does
not seems to float. That is, on its left side are huge gaps of
blankness.
Firefox browser is fine as well as other browsers in Mac. (but i''m
concerned with IE as it''s got ~80% users)
what could cause the problem in IE?
here''s page in question:
http://xahlee.org/p/george_orwell_english.html
把< div>在< p>< / p>内而不是在差距< / p> < p>
Put the <div> inside the <p></p> and not in the gap </p> <p>
A< div>在一个< p>？你知道那是< p>的结束了。当
你开始一个< div>对吧？
-
Els http://locusmeus.com/
Sonhos vem。 Sonhos v？o。 Orestoébritfeito。
- Renato Russo -
A <div> inside a <p>? You do know that that is the end of the <p> when
you start a <div> right?
--
Els http://locusmeus.com/
Sonhos vem. Sonhos v?o. O resto é imperfeito.
- Renato Russo -
Xah Lee写道：
Xah Lee wrote:
我有一个非常简单的html doc，使用以下样式：
< style type =" text / css">
.x-note {background-color：#afeeee;保证金：1EX; padding：1ex;
float：right;行高：130％;宽度：60ex;明确：两者;}
p {line-height：130％; width：70ex;}
< / style>
通常，< p>是小说的主要文本，其间是< div
class = x-note> ...< / div>这是在右侧浮动的注释。
我的问题是，在Windows XP下的Microsoft IE中，注释似乎不会浮动。也就是说，左侧是空白的巨大空白。
http://xahlee.org/p/george_orwell_english.html
i have a very simple html doc using the following style:
<style type="text/css">
.x-note {background-color:#afeeee; margin:1ex; padding:1ex;
float:right; line-height:130%; width:60ex; clear:both;}
p {line-height:130%; width:70ex;}
</style>
typically, the <p> is main text of novels, and in between is <div
class=x-note>...</div> that are annotations floating on the right side.
My problem is that in Microsoft IE under Windows XP the annotation does
not seems to float. That is, on its left side are huge gaps of
blankness. http://xahlee.org/p/george_orwell_english.html
这是因为你设置< p>的宽度了。元件。 IE尊重
宽度，并且如果它与70ex
宽p相符合，则只会浮动.x-note。
解决方案：设置身体上的70ex宽度，而不是单个< p>
元素。
-
Els http://locusmeus.com/
Sonhos vem。 Sonhos v？o。 Orestoébritfeito。
- Renato Russo -
It''s because you set the width of the <p> element. IE respects that
width, and will only float the .x-note if it fits alongside a 70ex
wide p.
Solution: set the 70ex width on the body, not on the individual <p>
elements.
--
Els http://locusmeus.com/
Sonhos vem. Sonhos v?o. O resto é imperfeito.
- Renato Russo -
这篇关于注释不会在IE中浮动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
