Re: [css-d] IE won't let static content move up to flow around
> So this innocent looking documentation attempt > > > > > may cause problems that are difficult to debug. Authors are > baffled when > IE6 kicks one or two characters into the screen where they > don't belong to. > >( > Or, I haven't had time to test it, are we allowed to add a comment > phrase /inside/ the conditional comment? > > > or > > > I don't know, and I did not find a mention of it in [1]. > Ingo Ingo- I don't know if you can place html comments within the conditional comments section, but you could certainly place css comments in there. That would avoid the problem entirely, right? I think I'm one of the few people who've encountered a crashing version of the duplicate characters bug, which you helped me solve. I believe the problem in my case was an empty div that IE was attempting to duplicate, causing the crash. Regards, Ron __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE won't let static content move up to flow around
Philippe wrote:
> [--- Le 02/02/2006 19:38, Ingo Chao a écrit : ---]
>>.clear_solvent {float:left; width:0px; height:0px;}
>>
>>
>> This div is floated to the right.
>> Lorem ipsum dolor sit amet,...
>>
>>
>>This paragraph is not floated ...
>>
>>
>>
>>
>> This div is floated ...
>>
>>
>>This paragraph is not floated and sits in the source
>> after the second right float. ...
> 1) I had to applied a style="margin-left: -3px" to div.clear_solvent to
> avoid the second paragraph that is not floated to have an unexpected
> (very small) left margin in IE6.
> .clear_solvent {
> float: left;
> width: 0;
> height: 0;
> margin-left: -3px;
> }
Philippe,
nice catch, I forgot to correct the IE6 3px text jog.
> 2) As we are compelled to include an additional div.clear_solvent that
> is empty and is only necessary to IE. In the HTML, we can nclue it in a
> Conditional Comment so that only IE will see that div:
>
>
>
> (I have deleted the comment inside the div.clear_solvent to avoid
> to be seen by other browsers.)
>
I am undecided.
While I don't expect this little additional element to cause problems,
one can never know, so hiding it from the others is probably save.
On the other hand, this clear_solvent method would be used in tight
float settings. These tight floats sometimes cause the duplicated
characters bug in IE6 (and still in IE7b2, btw.), or worse, are crashing
IE, although in very rare cases. An additional comment, in combination
with other comments, may induce this dup character bug too in IE6 (this
part of the bug is fixed in IE7b2).
So this innocent looking documentation attempt
may cause problems that are difficult to debug. Authors are baffled when
IE6 kicks one or two characters into the screen where they don't belong to.
(
Or, I haven't had time to test it, are we allowed to add a comment
phrase /inside/ the conditional comment?
or
I don't know, and I did not find a mention of it in [1].
Next thing I haven't tested: The internal comment was meant to provide
IE6 from expanding this element in height by the inherited line-height.
But this is probably irrelevant here.
)
Anyway, your variant is looking promising. Thanks so much!
Thanks to all who are testing this bugfix.
Ingo
[1]
http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE won't let static content move up to flow around
[--- Le 02/02/2006 19:38, Ingo Chao a écrit : ---]
>.clear_solvent {float:left; width:0px; height:0px;}
>
>
>
> This div is floated to the right.
> Lorem ipsum dolor sit amet,...
>
>
>This paragraph is not floated ...
>
>
>
>
> This div is floated ...
>
>
>This paragraph is not floated and sits in the source after
> the second right float. ...
>
> Seems to work in my browsers, including IE7b2.
1) I had to applied a style="margin-left: -3px" to div.clear_solvent to
avoid the second paragraph that is not floated to have an unexpected
(very small) left margin in IE6.
.clear_solvent {
float: left;
width: 0;
height: 0;
margin-left: -3px;
}
2) As we are compelled to include an additional div.clear_solvent that
is empty and is only necessary to IE. In the HTML, we can nclue it in a
Conditional Comment so that only IE will see that div:
(I have deleted the comment inside the div.clear_solvent to avoid
to be seen by other browsers.)
--
Philippe DE MOURA
><> phdm ><>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE won't let static content move up to flow around floats
Ingo Chao wrote:
> Zoe M. Gillenwater wrote:
>> http://www.pixelsurge.com/experiment/ie-float-clear-bug.html
>
>
> I'm absolutely not sure, but it looks like the problem on that page
> and the fix I am suggesting are somehow related to what Bruno has
> described here
>
> http://www.brunildo.org/test/IEWfc.html
It seems related, but kind of flipped on its head -- this page is
documenting the familiar bug in IE (and earlier Opera) of floats moving
up higher than previous floats. The bug I was looking at, on the other
hand, was about static content not moving high enough -- seemingly
over-aggressive clearing.
> .clear_solvent {float:left; width:0px; height:0px;}
>
>
>
> This div is floated to the right.
> Lorem ipsum dolor sit amet,...
>
>
> This paragraph is not floated ...
>
>
>
>
> This div is floated ...
>
>
> This paragraph is not floated and sits in the source
> after the second right float. ...
>
>
> Seems to work in my browsers, including IE7b2.
>
I can confirm it works on IE6 and IE7b2. Thanks so much Ingo! I
thought it would be you to fix it. :-)
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE won't let static content move up to flow around floats
Zoe M. Gillenwater wrote:
> http://www.pixelsurge.com/experiment/ie-float-clear-bug.html
>
> The basic structure is:
>
>
> This div is floated to the right.
> Lots of text so you can see the problem...
>
> Text...
>
> This div is floated to the right and also cleared to the
> right so that it sits below the earlier right float.
>
> More text...
>
> There are two right floats on the page, with some static, non-floated
> content between them in the source. The second float has "clear: right"
> applied so that it will not hook on the first float but will display
> beneath it. In IE, when the second float clears the first one, however,
> all content following that second float seems to clear the first float
> as well, instead of flowing up beside the first float as it ought to.
Zoe,
I'm absolutely not sure, but it looks like the problem on that page and
the fix I am suggesting are somehow related to what Bruno has described here
http://www.brunildo.org/test/IEWfc.html
So basically, a float itself should be able to drag the following
in-flow container along on its way up -- past the blocking float+clear
#right-float-2.
This #right-float-2 would like to come with it, but must fail due to its
clear:right.
.clear_solvent {float:left; width:0px; height:0px;}
This div is floated to the right.
Lorem ipsum dolor sit amet,...
This paragraph is not floated ...
This div is floated ...
This paragraph is not floated and sits in the source after
the second right float. ...
Seems to work in my browsers, including IE7b2.
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
