• 締切済み

IEで「●」(<UL>の<LI>)が変な表示になってしまう

いつもお世話になっています。 ハードディスクの残り容量が少なくなってきたので、ファイル整理ついでにあまり使ってないフォントをこないだ思い切ってかなり削除してしまったのですが、それ以降Internet ExplorerのWebページの表示がちょっとおかしくなってしまいました(_ _;) それは、順序なしリストのLIタグで本来表示される「●」が、「|」のような記号の表示になってしまうのです。 TYPEでdiscを指定してあっても同じ表示になります。 同様にcircleだと「・」(ただのナカグロ)に、squareだとアルファベットの「n」のような(四角に見えなくもないんですが…)記号になってしまいます。 ちなみに<OL>では、ちゃんと数字や文字がリスト番号として出ます。 なぜか<UL>だけが変な表示になってしまうのです(;^_^A フォントを削除したことが原因なのかも知れないのですが…NetscapeやOperaでは問題なく表示されるので、何をしたのが悪かったのかだんだんよくわからなくなってきてしまいました(・・;) IEのバージョンは6.0です。システムはWinMeです。 閲覧に困るほどの問題ではないので、急いではいないのですが、何となく気持ち悪いので解決方法をご存じでしたらぜひ教えてください。 ※もしフォントの削除が原因でしたら、表示に関係あるフォント名を教えていただけたらと思います。

noname#5097
noname#5097

みんなの回答

  • yoh_tkhs
  • ベストアンサー率24% (8/33)
回答No.3

うーん、駄目ですか。 ならば最終手段。 IEを再インストールしなおす!

noname#5097
質問者

お礼

再びの回答ありがとうございます。 IEをいったん5に戻して、6SP1を再インストールしてみましたが、ダメでした…。いったいなぜなんだマイクロソフト…。 しかし自分のテキトーさが恨めしいです(^^; お手数おかけしてすみません。

noname#5097
質問者

補足

最後の回答をいただいてからだいぶ時間がたちましたので、いったん締め切らせていただきます。 回答をくださったお二方、親切にお答えいただきありがとうございました。 その後いろいろがんばってみたのですが、結局Windows自体をクリーンインストールするはめとなってしまい、原因は未だわからずじまいです。。。 今回はポイントなしで本当にすみません…m(_ _)m

  • the845t
  • ベストアンサー率33% (246/743)
回答No.2

フォントキャッシュを削除してみては? フォルダオプションから隠しファイルを表示しておいて、 ttfcacheで検索。 見つかったらそれを削除して、再起動。 もしかしたら直るかもしれません。 ついでに、IEの一時ファイルとかも削除してみると良いかも。

noname#5097
質問者

お礼

回答ありがとうございます。 フォントキャッシュを削除して、再起動してみましたが、症状は治りませんでした。 一時ファイルも削除してみましたが、こちらも治らずで。。。

  • yoh_tkhs
  • ベストアンサー率24% (8/33)
回答No.1

[ツール]-[インターネットオプション]の中にフォントというボタンがあると思います。 それをクリックしたときにフォントは何が設定されていますか? そこに設定されているフォントでIEはページの表示をしています。(コンテンツ側で指定が無い場合) そこに設定されているフォントが存在するかチェックされてはいかがでしょうか? 別の存在するフォントに変更してみて、Liタグがちゃんと表示されるのなら、フォントを消しちゃったのが原因と思います。 ちなみに、私のところは、MS UI Gothicになってます。

noname#5097
質問者

お礼

回答ありがとうございます。 インターネットオプションは私も何度かチェックしたのですが、未使用フォントを削除する前も、削除した後も設定は「MS Pゴシック」のままです。(もちろん、さすがにMS Pゴシックは削除していません(;^_^A) 試しに他のフォントにも変えてみましたが、症状は変わらずでした。うーん…。。。

関連するQ&A

  • CSSで<ul><li>タグを使ってどのブラウザでも同じように表示させたい。

    .ul { width: 120px; height: auto; float: left; font: 12; line-height: 150%; padding: 0; list-style-image: url(img/side-tab.gif); } .li { font-size: 12px; margin-left: 1.5em; } <ul class="○○○"> <li>11111</li> <li>22222</li> <li>33333</li> <li>44444</li> <li>55555</li> <li>66666</li> </ul> このようなコードでlistの頭には画像を使いたいのですが、どうしてもブラウザごとに表示がばらばらになってしまいます。 横幅は185pxまででおさめて、かつlistの画像とテキストが同じ列に表示されるようにしたいと考えています。 唯一firefoxだけが思うように表示できました。 IE6と7でも違う表示になりました(IE6だとかなり右寄り) operaに関しては画像とテキストの縦位置がずれてしまっていました。 CSSに関してはいろいろいじってて、なにがなんだがわからない状態になってしまいました・・ これを一つのCSSできれいに表示することは不可能でしょうか? どうかよろしくお願致します。

    • ベストアンサー
    • HTML
  • ul・liについて

    ul・liを使って <ul> <li>みかん</li> <li>りんご</li> <li>レモン</li> </ul> というリストをつくったのですが(リストマークなし)、FirefoxとIEでは表示がだいぶずれてしまいます。(各行のインデントが発生する) これって妥協するしかないんですかね? ご回答よろしくお願いします。

  • ul li を使ったリストを作りたいんですけど。。。

    CSS初心者です。 ul liを使ってこんな感じのリストを作りたいんですけど うまくいきません。 ↓ ------------------------------------ ああああ   いいいい うううう ええええ   おおおお かかかか きききき くくくく   けけけけ ここここ ささささ   しししし すすすす   せせせせ そそそそ ------------------------------------ なんとか作ってはみたんですが、IE7ではなんとかそれらしく 表示されますが、Opera9で確認すると うまく表示されません。 (「あ」の後に改行されずに「い」がきてしまったり・・・) すいません。 どなたか分かる方がいれば教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • <UL><LI>の使い方

    リストを作るのに使うUL、LIですが、通常各項目は字下げして表示されてしまいますが、字上げする方法を教えてください。

    • ベストアンサー
    • HTML
  • ul liが一行目だけずれる(IE7)

    表題通りなのですが、IE7で確認するとul liの一行目だけがなぜか左にずれてしまいます。 原因が分からず困っています。 どなたか教えて頂けませんでしょうか。 宜しくお願い致します。 【css】 div#side { display: inline; float: left; width: 178px; margin-top: 20px; } div#side ul#sidenav { list-style-type:none; border: 1px solid #ccc; } div#side li { position:relative; width: 165px; height:40px; background:url(../common/bg.jpg) no-repeat center; padding: 1px; margin: 5px; } 【html】 <div id="side"> <ul id="sidenav"> <li>test</li> <li>test</li> <li>test</li> </ul> </div>

    • ベストアンサー
    • CSS
  • li ul横並びについて

    横並びのメニューを表示させるところまでは出来たのですが、ウィンドウを縮小させると画像の通りリストが画面に合わせてズレてしまいます。 CSSはこのように書いています。 ul.menu{ list-style:none; width:100%; font-size:25px; //margin-left:0px; //margin-top: 642px; position: relative; top: 642px; right: 27px; padding:3px 0px; text-align:center; font-family: 'Gorditas', cursive; } ul.menu li{ list-style:none; display:inline; margin:0px 15px; } ウィンドウを縮小しても横並びのままにはならないのでしょうか?まだまだ勉強途中なのでわかりやすく教えて頂けるとありがたいです。

    • ベストアンサー
    • CSS
  • HTMLタグ リストの入れ子とNetscapeについて

    HTMLソースにおけるリストの入れ子とNetscapeについて 更新履歴を作成したく、リストの入れ子を作成しました。 Netscape以外のブラウザ(IE8、Opera、Safari、FireFox)では期待通りの表示になったのですが、Netscapeのみ表示が異なります。 以下ソース ------------------------------------------------------- [html] <ul id = "Style_NonIndex"> <li style="font-size:12px">*最終更新*</li> <li><ul id = "Style_NonIndex"> <li class = "List_Date">2000/00/00</li> <li class = "List_Comment">ccccの更新</li> </ul></li> </ul> <br><br><br><br> <ul id = "Style_NonIndex"> <li style="font-size:12px">*更新履歴*</li> <li><ul id = "Style_NonIndex"> <li class = "List_Date">2000/00/00</li> <li class = "List_Comment">aaaaの更新</li> </ul></li> <li><ul id = "Style_NonIndex"> <li class = "List_Date">2000/00/00</li> <li class = "List_Comment">bbbbの更新</li> </ul></li> </ul> ------------------------------------------------------- [css] #Style_NonIndex { margin-top:0px; margin: 0px; padding: 0px; list-style: none; font-size: 10px; font-family: MSゴシック; color: #696969; } .List_Date { float: left; width: 70px; text-align: left; font-size: 12px; margin: 0px; padding: 2px; list-style: none; } .List_Comment { float: left; width: 250px; text-align: left; font-size: 12px; margin: 0px; padding: 2px; list-style: none; } ------------------------------------------------------- [予想表示] *最終更新* 2000/00/00  ccccの更新 *更新履歴* 2000/00/00  aaaaの更新 2000/00/00  bbbbの更新 ------------------------------------------------------- [Netscapeの表示] *最終更新* 2000/00/00  ccccの更新 *更新履歴* 2000/00/00  aaaaの更新  2000/00/00  bbbbの更新 ------------------------------------------------------- 他のブラウザでの表示は問題ないのですが、Netscapeのみ横リストとして表示されます。 表示が異なるのはNetscapeの仕様でしょうか? それとも指定方法がおかしいのでしょうか。 大分煮詰まってしまったので、アドバイスをお願いいたします。

    • ベストアンサー
    • HTML
  • IE8でli:hoverが効かない

    Window7 IE8を使っています。 ホームページにcssを使ったドロップダウンメニューを導入したいのですが、 li:hoverが効きません。 cssかhtmlが間違っているのかと思い、念のためいろいろなサイトから cssドロップダウンメニューの例文をもらってきて 書き込んでみましたが、どうしてもサブメニューが表示されません。 たとえば、 【css】 /* メインメニュー */ #menu ul { display:block; list-style-type: none; margin:0; padding:0; } /* サブメニュー1段目 */ #menu ul ul{ display:none; position:absolute; top:100%; left:0; } /* サブメニュー2段目以降 */ #menu ul ul ul { top:0; left:100%; } /* リスト */ #menu li { float:left; } #menu li li { clear:both; } #menu li:hover { position:relative; } #menu li:hover > ul { display: block; } 【html】 <body> <div id="menu"> <ul> <li><a href="#">menu1</a> <ul> <li><a href="#">submenu1</a></li> <li><a href="#">submenu2</a></li> <li><a href="#">submenu3</a> <ul> <li><a href="#">submenu3-1</a></li> <li><a href="#">submenu3-2</a></li> <li><a href="#">submenu3-3</a></li> </ul> </li> </ul> </li> <li><a href="#">menu2</a> <ul> <li><a href="#">submenu4</a></li> <li><a href="#">submenu5</a></li> </ul> </li> <li><a href="#">menu3</a> <ul> <li><a href="#">submenu6</a></li> <li><a href="#">submenu7</a></li> <li><a href="#">submenu8</a></li> <li><a href="#">submenu9</a></li> </ul> </li> </ul> </div> </body> メニューにカーソルをもってきても、 サブメニューが表示されません。 原因や回避方法を教えていただけないでしょうか。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSでの<ul><li id=n><a>での表示に付いて

    初めて質問させて頂きます。仮に作ったサイト名が次の通りです。 http://yusukeinoue.web.fc2.com/271p/271p.html Firefox、Operaで<#sidenavi>での<ul><li id=n><a>のCSSが間違っているのかimgが表示されないのです。CSSは以下の様な感じで } #wrapper #sidenavi ul { list-style-type: none; font-size: 10px; margin: 0px; padding: 0px; display: block; } #wrapper #sidenavi li a { display: block; margin: 0px; padding: 0px; height: 30px; width: 200px; font-size: 12px; text-decoration: none; } #sidenavi li#1 { background-image: url(images/bButton1.gif); background-repeat: no-repeat; margin: 0px; padding: 0px; height: 30px; width: 200px; } #sidenavi li#2 { background-image: url(images/bButton2.gif); background-repeat: no-repeat; margin: 0px; padding: 0px; height: 30px; width: 200px; id=liはそのあとも続くのですが、<em></em>で非表示にしています } #sidenavi em { visibility: hidden; } 使用環境はMacOX10.4.7、DreamweaverMXです。safariでは問題なく表示されます。 参考書籍通りに<ul><li>をボックス化して、インラインにし背景画像を 埋め込むと言う作業でした。 それ以上は書いていないので分かりません。。。 ご教授のほどお願いいたします

    • ベストアンサー
    • CSS
  • html <ul></ul>の並びで一行空けたい

    htmlについて、初歩的かもしれませんが、お伺いします。 現在、<ul><li>を使って、リストを作成しています。 ですが、その途中に一行空けたい部分が何カ所かありまして、 <ul> <li>×××</li> <li>×××</li> <br> <li>×××</li> <li>×××</li> </ul> という感じで、組んでみました。 何の違和感もなく反映されるかと思いましたが、<br>が機能せずに、一行空かずくっついて表示されてしまい、不思議に思っています。 <ul>の中では、brは使えないのでしょうか? それとも、使えるけれど、何か他の要因があると使えなくなってしまうのでしょうか。 htmlは基礎的なことしか存じませんので、詳しい方や思い当たることをご存じの方にお答えいただけると助かります。 宜しくお願いします。

専門家に質問してみよう