DW8で生成するポップアップメニューがIE7で崩れる件を解消してみた
26Dec,2006
以前いろんなフォーラムで見られていた、DW2004やDW8のビヘイビアを利用して作られたポップアップ先日新しく登場したブラウザ界の重鎮、IEのバージョン7ではどうも上手く動作しないという問題。
以下はIE6とIE7を見比べてみたの図
見比べるとテキストの部分が横へ並ばず、幅が狭いがために縦に並んで見えてしまっています。
これはIE7のbeta版が登場してすぐにいろんなフォーラムで問題にあがっていましたが、解決方法まで掲載という流れにはたどり着きませんでした。
そんな矢先、久々にGoogleをつかって調べてみると、なにやら新しい解決方法を掲載しているブログがちらほらと出てきています。
・21/12: 【メモ】DW8×IE7 ポップアップメニューの表示問題 by Happy Hour さん
Happy Hour さんの記事によるともともとMac版 IE5でも同じ現象による表示崩れがおきていたとのことでAdobeのサポートデータベースに対応方法が掲載されていたようですが、なんとその対処方法がDTDの後半URL部分を消すというものです。
コレはちょっとWindowsのIE6等で見たときに標準準拠モードと過去互換モードという大きくレイアウトに関わる要素があるのでDTDの変更は相当エネルギッシュかつ油ギッシュな作業を必要とします。
そこでHappy Hour さんの記事を追っていくと最終的にDTDを変更せずにDW2004やDW8のビヘイビアをつかって出来たポップアップメニュー用に自動で出力されるJava scriptの1行を修正することで解決することが出来ました。
方法は、自動で出力される、「mm_menu.js」というJava scriptのファイルの140行目あたりにある
var itemProps = '';
という記述を
var itemProps = 'white-space:nowrap;';
に修正し保存するだけであっさりとできました。
white-space:nowrap;は改行禁止のスタイルなのでメニュー幅よりテキスト幅が大きくなってしまったときの動作は確認してませんが、メニューという特性上そこまで長いテキストは入るケースは少なそうなので同じ内容で困ってる方は是非、記述してみてください。
トラックバック
このエントリーのトラックバックURL:
http://saladbowl.org/mt/mt-tb.cgi/475
コメント
2
nahcok さん
はじめまして。
解決できてよかったです。
が、一難去ってまた一難ですね ;-)
> ローカルでは解消したはずなのにサーバにアップしたものは直りません。こんなことってあるのでしょうか？
僕の環境ではありませんでした。
なので、もしかしたら古いキャッシュが残っていてなんて事も考えられるので一度、mm_menu.jsを直接URLで入力して再読込してみてください。
http://○○○.com/mm_menu.jsといった感じです。
2007年01月28日 13:09 両見
3
助かりました。トップページが崩れるので ソフトの買い換えか リニューアルかと悩んでいました。お陰で 簡単に修正することができました。ありがとう御座います。
2007年02月19日 21:45 土佐の魚屋＠山もと
4
土佐の魚屋＠山もと さん
お役に立ててよかったです。
僕もこの件については四苦八苦していました。
ウェブサイトとても興味深いです。
マンボウの腸などつわものぞろいですね:-)
2007年02月19日 22:12 両見
5
はじめまして。
同じところでつまづいて、ここへ辿りつきました。
DW MXで作ったのですが、
var itemProps = '';
という記述が見つからないのですが・・・。
2007年03月02日 03:17 やぎ
6
やぎ さん
はじめまして。両見です。
var itemPropsは自動で出力されるmm_menu.jsというファイルに記述されています。
もしかするとDW MXでは少し違う記述がされているのかもしれませんね。DW8とDW2004を前提のお話なのでお力になれずすいませんです。
2007年03月05日 12:37 両見
7
本当に苦労していたところ・・・。
偶然に発見した、このサイトのおかげで、一発解消しました。
感謝！感謝！感謝！感謝！感謝！感謝！感謝！感謝！
どうもありがとう御座いました。
2007年07月06日 01:38 amam
9
macのIEは、無視無視！と放置してたんですが・・・
IE7の表示を見て卒倒しそうになりました。
作り直しを覚悟しかけた所で、巡り会えました！！！
このページに。
ほ～んと有り難うございます。謝謝。
2007年07月14日 21:15 vs747
10
スンバらしい！！！解決方法です。
ホント感激、こんな感じで解決できるとは。
ありがとうございます～～。
2007年08月15日 14:52 セーニ。
11
IE7の表示崩れで、長い間眠れないでいました。。
八方塞がりでどうしたものかと、検索して出会ったこのページ。
感動です。
一発で解決しました！！！
本当にありがとうございました！
2007年12月27日 16:28 mune
12
vs747 さん
セーニ。さん
mune さん
コメントありがとうございます。
当記事がお役に立ててうれしいです。
> mune さん
年末ぎりぎりよかったですね。
安心して年を越えられそうですね:-)
2007年12月27日 17:00 両見
13
本当に本当にありがとうございます。
ずっと悩んでました。泣きたいくらいだったのですが、
今はうれしくて泣きたいくらいです。
感謝感激！神様仏様です！
今日は安心して寝られます。
2008年01月11日 02:07 キキ子
15
こんにちわ。
検索で来ました。
問題が一発解決！ありがとうございました
2008年01月29日 17:23 K
コメントしてください
1
試してみました。
見事解決しました！ありがとうございました。
でも…
ローカルでは解消したはずなのにサーバにアップしたものは直りません。こんなことってあるのでしょうか？
2007年01月27日 16:40 nahcok