CSS-d,

On the following web site, I have a menu written in Japanese:
http://nihongode.jp

The text is a <ul> list, where each <li> item is constrained to a width 
of 1em. This forces each character to break to the next line, giving the 
appearance of veritcal orientation.

It almost works perfectly. Most of the text obeys the constraint. 
However, some text items, such as punctuation and certain half size 
Japanese characters, break out of the vertical flow and follow a 
left-to-right orientation.

I've included a thin red border around the text to make the problem more 
clear. Even if you don't read Japanese (not expecting you do, or 
assuming you don't), you can easily see that the three dot ellipses 
clearly break towards the right.

Although the site validates, I've only tested it in FireFox, and it 
almost certainly won't work in IE6. So I've provided the following 
screen shot in case what I'm describing shows up differently on other 
people's browsers:
http://nihongode.jp/Screenshot.png

Does anyone know why some characters are exceptional in how they display 
as compared to the other characters in a case like this?

And is there a way I can use CSS to more strictly impose a vertical 
layout on the text?

Thank you for any advice.

-- 
Dave M G
CSSed
Zend Studio 5.5
Photoshop 7 (Wine)
Inkscape, GIMP, Ubuntu 7.04
______________________________________________________________________
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