ここのサイトではプルダウンメニューをDreamweaverのビヘイビア、”ポップアップメニュー”機能を使って作成したのですが、これが何とIE7のブラウザでは日本語の文字だけが縦書きに表示されてしまいました。こんなふうに↓
IE6やMozilla Firefox 、Netscape、Operaで見てみると、ちゃんと横書きになります。なんでだろう?どうしたらいいの?と、困った時はすぐネットで検索。すると必ず誰かが助けてくれますね。
「でじうぃき」というサイトにIE7でポップアップメニューが縦書きになる というエントリーがありました。
Dreamweaverでポップアップメニュー機能を使うと、自動的に”mm_menu.js”というJavascriptファイルが作成されます。このjsファイルの記述を一箇所書き直すだけでよいそうです。
ポップアップメニューのJavascript、”mm_menu.js”を開いて、
var itemPropsとあるところを探します。
空白、あるいは
var itemProps = ‘white-space:nowrap’; と書かれている場合
var itemProps = ‘white-space:nowrap;’; と書き換えてみてください
- ———–「でじうぃき」からの引用
私の”mm_menu.js”では、var itemPropsは空白になっていたので、上記の通り var itemProps = ‘white-space:nowrap;’; と書き直したところ、日本語も横書きに表示されるようになりました。
どこかで誰かお困りの方が偶然このサイトを通りかかることがありましたら、お役に立つかも知れない情報です。
Tags: WEB作成, ● WEB作成雑記, プルダウンメニュー
12月 10th, 2011 at 9:52 PM
I much prefer infromitave articles like this to that high brow literature.
1月 2nd, 2012 at 12:11 PM
この情報、役に立ちました。
ありがとう御座いました。 (メグ)
1月 3rd, 2012 at 11:15 PM
メグさん
コメントありがとうございます!
誰かの役に立っていることをを実感させてもらえて、ホッと嬉しくなります。