質問: ■環境・要件 サイト自体はIE8(win7)とIE11(win10)に対応 ファイルサーバにhtmlなどのwebサイトに必要なファイルを配置してサイトを表示させる(Webサーバを使用しない) jqueryは使用可能 開発環境はIE8 ■前提 Webサイトのメニューバーをにて作成し、 オンマウス時にドロップダウンでサブメニューが表示されるように、 一部を入れ子にしています。 ■困っていること・解決したいこと ドロップダウンを表示させた際に表示された項目が同じ幅になるように設定しているつもりなのですが、IE8では意図した通りドロップダウンメニューがすべて均等になっていてもIE11では均等にならず、各メニューの文字数に合わせて変わってしまいます。 ソースコード等は、以下のサイトを参考にしています。 http://blog.hatena.ne.jp/register?via=200220 動作は一番上の#normalを使用しています。 ※開発環境がネットワークに繋がっていない関係上コピペができず、このようなソース提示になることをお許しください。 上記参考サイトから変更した内容といえば、配色やフォントサイズ、.dropmenu liのborder幅等を変更しています。 なにか足りない設定があるのか、それともそもそもが違うのか、実現するにはどうしたらよいか、アドバイスいただけると幸いです。 宜しくお願いいたします。
回答: 幅が違うと言うことはliをcssでdisplay:inline-black; になっていませんか? でしたらmin-width:100px;などを指定してみてはいかがでしょうか? 100px部分は任意の幅で大丈夫です。