On Jul 19, 2007, at 6:15 PM, Philippe Wittenbergh wrote:
>
> It is a bug in Gecko. [1]
>
> Here is your list, simplified.
> <http://dev.l-c-n.com/_temp/moz-egde.html>
> The top one is wrong, the bottom one is fixed.
>
> li.poster {-moz-float-edge:content-box;}
> does all the magic.
>



Philippe, thanks for the timely response. Was about to give up this  
and use another way to make it work by moving the margin left to 'ol'  
and than hack the paddings/margins in the li classes.

See this, almost close (still need a few tweaking to make it pixel  
perfect) but not very desireable for me as I needed to add an empty  
div for the bottom background image. Not a pretty sight for the last  
comment box also.

http://zhujili.com/index-new2.html

somthing like this:
#comments ol {margin-left:50px;}
  #comments li.msg {background:#272A2B url(images/curve.jpg) no- 
repeat right bottom;
margin-left:47px;}

Another way I could make it work is structure as such

<li class="poster"><span class="number">1<span>John Doe on Jul 7,  
11:34 AM</li>
<li class="msg">comment here</li>


Ok, for learning's sake, which one could be more desirable as far as  
CSS coding concerned?
The mozilla proprietary is a quick fixed and a good trick for me to  
learn but it's a hack after all isn't that?  I read posts from  the  
bugzilla link you provided, it's an old bug still not being fixed, so  
is there  good to use the hack and hoping that one day it will get  
fixed?

Thanks also for the comment on the list construction not being  
semantic, how embarrassing for  me you will say that as I just told  
someone again semantic markup goes hand in hand with css coding  
again, I will ask the question but can you kindly move your chair  
180% degree facing the wsg list so that you can give me your thought  
and opinion?

Many thanks!

tee


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

Reply via email to