• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：IEでだけ起こる画像間の隙間）

IEで起こる画像間の隙間

このQ&Aのポイント
  • 自分のデザインのブログを作りたくてCSSの勉強などを始めたのですが、IEでブログのカテゴリーのリンクに飛んだときだけ起こる現象があります。
  • FireFoxやsafariでは正常に表示されるのですが、IEの場合で特別な状況でだけ、画像が切れてしまうのです。
  • この現象はブログのトップページでは起こらずに、コメントページやカテゴリー別に飛んだときだけ起こるのです。
  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
noname#66720
noname#66720
回答No.1

ナビゲーション(？)周りにborderとか指定されてませんか？ 黒いグラデーションがかかったあたりですが。 あと、切れているすぐ上の部分に原因がありそうなのでそのあたりのソースがわかれば答えやすくなるかもしれません。

taturo
質問者

お礼

回答ありがとうございます。 borderは0にしてあるんですが、なぜだろう・・・。 それとさきほど家族のPCを使ってIE6でサイトを見てみたら 全くcssを読み込んでくれませんでした・・・・ とりあえず1から作り直します・・・・。 どうもすみませんでした。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • IEで読み込める画像がFirefoxで読み込めません

    http://www.borujoa.org/upload/source/upload11234.jpg このリンクの画像がInternetExplorer7で読み込めるのに、 Firefox2.0.0.3では読み込めずアドレスバーに http://127.0.0.1:4566/clear.cgi? と表示され、ブラウザに画像は現れません。 これはどのような理由によるのでしょうか？

  • 透過PNGをIE6へ、かつYoutubeの動画

    IE6で透過PNGを使わなければならず、alphafilter.jsにしようかと思っていました。 http://blog.webcreativepark.net/2007/02/01-233315.html しかしこのjsを読み込むとYoutubeの動画を貼り付けた時に、IE6でページ内にあるリンク(テキストリンク)をクリックできないという状況に陥りました。透過PNGは<img>タグで、及びCSSの背景で使用しています。 何か良い対策がありましたら教えていただけますでしょうか。

  • IEでPNG画像が黒く縁取りされてしまいます。

    私のサイトにスムーズスクロールで矢印画像をを設置しております。 背景は透明のpng画像（矢印）です。 添付の画像を参照していただきたいのですが、 chromeやFirefox、IE９では、矢印画像はそのまま正常に表示されます。 しかし、IE８（多分IE７でも）で確認すると、矢印が黒く縁どられて 表示されてしまっております。 CSSに下記の記述をしましたが、解決いたしませんでした。 border: 0px; border-style:none; background-color:transparent; 画像自体が四角くふちどられるわけではなく、 なぜ矢印が縁どられるのか原因がわかりません。 IEで縁どられず、そのまま表示させる方法を教えて頂けませんでしょうか。 どうぞ、よろしくお願いします。

    • ベストアンサー
    • HTML
  • ｉｅ6が壊れた？

    ieで表示されたwebページからリンクで次ページへ進む際、表示されたりされなかったり、非情に使い辛い状態になってしまって困っています。 現象としては、 ・右クリックメニューの「ショートカットのコピー」をして、新たにieを立ち上げ、コピーしたURL指定すると表示される ・ieで表示されないのにFirefoxでは表示される ・ポップアップブロックが原因ではない 以上からieが壊れたかな？と思うのですが、何か解決策があれば、教えてください。

  • IE7で表示すると画像に隙間があきます。

    WEBサイトを作っているのですがIE７で表示すると 画像と画像の間にスペースが出来てしまいます。 他のブラウザだとスペースが出来ないのですが原因は何なんでしょうか？ HTML <div id="sidebar"> <div id="sidebar-bg"> </div> <div id="image-navigation"> <div class="navi"> <ul> <li><a href="#.html" title="○○"><img src="images/○○.png" width="200" height="39" alt="○○" /></a></li> <li><a href="#.html" title="○○"><img src="images/○○.png" width="200" height="35" alt="○○" /></a></li> <li><a href="#.html" title="○○"><img src="images/○○.png" width="200" height="35" alt="○○" /></a></li> <li><a href="#.html" title="○○"><img src="images/○○.png" width="200" height="35" alt="○○" /></a></li> <li><a href="#.html" title="○○"><img src="images/○○.png" width="200" height="35" alt="○○" /></a></li> <li><a href="#.html" title="○○"><img src="images/○○.png" width="200" height="35" alt="○○" /></a></li> </ul> </div> </div> </div> CSS #sidebar{ width: 200px; float: left; } #sidebar-bg{ background-color: #FFF; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity:0.5; position:absolute; left:0; top:42px; z-index:-1; width: 200px; height:100%; } ul, li { margin:0; padding:0; list-style:none; } #image-navigation ul li a { display:block; width:200px; }

    • ベストアンサー
    • HTML
  • IE PNG Fix を使用　IE6でクリックできない

    http://www.designwalker.com/2006/12/transparent-png2.html こちらのページで紹介されてある iepngfix というJavascriptを使用させていただきました。 見事、半透明の画像がキレイに表示できたのですが・・・ IE６だけリンクをクリックすることができません。 使い方は <ul>タグにCSSでPNG画像を指定して <li>に<a>タグを使用しております。 IE6以外だと普通にクリックできるのですが IE6はクリックすることができません。 いろいろ調べてみたのですが、よくわかりません。 どなたか解決策をご存知のかた、教えていただけたら幸いです。 どうぞ、よろしくお願いいたします。

  • ie10で背景に指定した画像が滲む

    ウェブサイト用のカンプを作成して1枚のjpg（png）で保存し、cssで背景にno-repeatで設置して表示確認をおこないました。下記のようなコードです。 ～ <!--表示例（1）--><div style="background:url(該当画像名.jpg) no-repeat"></div> <!--表示例（2）--><div><img src="該当画像名.jpg" alt="" /></div> ～ 上記で同じ画像を背景で配置した場合と、imgタグで設置した場合に、 ieのみ、背景に設置した画像が滲むような表示になってしまい、クリアに表示する方法がないか教えていただけないでしょうか。 win7のIE10、Firefox30、chrome35の環境で表示確認をおこないました。 IE以外での表示は問題ありませんでした。 また、拡大率等は100％です。 よろしくお願いいたします。

    • 締切済み
    • CSS
  • IE7で画像が表示されない

    Windows Vista Home Premium Service Pack 2 Microsoft Internet Explorer 7 IE7で画像が正常に表示されません。 自分でも調べてみて ・「Web ページで指定された色を使用しない」のチェックを外す ・閲覧履歴、Cookie、キャッシュの削除 ・IEの設定のリセット ・アドオンなしモードで起動 をやってみたのですが、画像は表示されませんでした。 管理者ユーザー（コマンド プロンプトで net user [ユーザー名] と入力したときに出てくる「所属しているローカル グループ」が *Administrator のみのユーザー）では正常に表示されます。 確認したのは PNG 形式の画像が表示されないことです（稀に他形式の画像も表示されません）。 Firefox 等のIEのレンダリングエンジンを使用していないブラウザでは正常に表示することができました。 とても困っているので、対処法等をご教示していただきたいです。 諸事情によりIE8へのバージョンアップはしない（できない）ので、IE8にせずに対処できる方法でお願いします。

  • CSSを利用して、特定のリンクや画像を非表示にしようと思っています。

    CSSを利用して、特定のリンクや画像を非表示にしようと思っています。 img[src="画像URL"] {display:none !important;} a[href^="URL"]{display:none !important;} これで、Opera、Firefox、Safariではできたのですが、 IE6ではできません。 IE6で有効な方法を教えてください。

  • iWebで作ったページの画像がWindowsのIE6で正しく表示されない

    iWebを使ってホームページを作りました。 先日、Windows Me 2000 XPのIE6で見てみた所、 PNGへの対応が不完全なためか、正しく表示されません。 画像の周りが灰色になったり レイアウトが若干ずれたりします。 iWebは文字や図形等をPNGで書き出しますが、 一番普及しているIE6で表示できないので意味がありません、、、。 iWebで作ったページのPNGをIE6で正しく表示するにはどうしたら良いのでしょうか。 （HTMLやCSSの中に何かを書き加えたりする事で解決できますか？） なるべく簡単な方法を教えて下さると嬉しいです。 ご存知の方、よろしくお願いします。

    • ベストアンサー
    • Mac

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する