[css3-ruby] block elements inside <ruby> and wrapping inside <rb>.

I have two problems about block elements inside <ruby> and wrapping inside <rb>.
IE and Webkit have different rendering in these cases.


1: block elements inside <ruby>
[Markup]
ABC<ruby><div>D<div>E</div>F</div><rt>def</rt></ruby>GHI

[IE]
ABC
D
E
F
defGHI

[Webkit]
  def
   D
   E
ABCFGHI


2: wrapping inside <rb>
[Markup]
<div style='width:40px;'>
あいうえお<ruby><rb>かきくけこ</rb><rt>def</rt></ruby>さしすせそ
</div>

[IE]
あい
うえ
お
  abcdef
かきくけこ
さし
すせ
そ

[Webkit]
あい
うえ
お
abcdef
かき
くけこ
さし
すせ
そ

(*Acutually, the font size of "def" and "abcdef" is smaller than this example.)

Webkit is very comprehensible concerning blocks, but I think that it
would be better to ignore block element.
In the case of wrapping inside <rb>, I think the behaviour of IE is much better.

What do you think?


Regards,
Hajime.


-- 
# 塩澤 元 (Shiozawa, Hajime)
# mail: hajime.shiozawa@gmail.com

Received on Friday, 25 March 2011 12:00:53 UTC