• 締切済み
  • すぐに回答を!

IEで画像が表示できません

Firefoxでは画像が表示できるのですがIEでは表示されません スタイルーシートは下記のとおりです。 お願いいたします。 body {background: url("http://pub.ne.jp/man96/image/user/1170964897.gif") repeat-y; background-position:0px 0px; padding: 1;} a{ color: #66c; text-decoration: none; } a:link{ color: #66c; text-decoration: none; } a:visited { color: #66c; text-decoration: none; } a:active{ color: #66c; text-decoration: none; } a:hover{ color: #66c; text-decoration: underline; } h1, h2, h3 { margin: 0px; padding: 0px; } #banner { font-family: verdana; color: #777; font-size: 13px; font-weight: bold; text-align: 0px 0px; margin-bottom:11px; background: #ccffff この画像がIEで表示されなくて背景色です url("http://pub.ne.jp/man96/image/user/1170626058.jpg")no-repeat; background-position: center;padding:0px;height:250px; } ちなみにURL:http://pub.ne.jp/man96/です

共感・応援の気持ちを伝えよう!

  • 回答数1
  • 閲覧数40
  • ありがとう数2

みんなが選んだベストアンサー

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

background: url(http://xxx/xxxx.jpg); background-repeat:no-repeat; では?

共感・感謝の気持ちを伝えよう!

質問者からのお礼

上手くいきました。ありがとうございます。 オヤジ族にとって魔法の手です。

関連するQ&A

  • ブログのTOP画像表示方法(悩んでます)

    どこをどう変えればTOPに画像をつけるコトが出来るのでしょうか?? ホントに悩んでます。 検索してもよくわからなくて・・・ body { font-family: Arial, Helvetica, sans-serif; background-color:#ffffff; background-image:url(http://269g.jp/img/bg/nail_style_1/bg.gif); background-repeat:repeat-y; margin:0px; padding:0px; text-align:center; } #container{ text-align:right; margin:0px auto 0px auto; width:906px; height:596px; background-image:url(http://269g.jp/img/bg/nail_style_1/top.jpg); background-repeat:no-repeat; background-position:center top; background-color:#ffffff; } h1 { text-align:left; margin:0px 0px 0px 0px; padding-top:225px; font-weight:bolder; font-family:sans-serif; font-size:19px; } h1 a{ color:#58B29A; text-decoration: none; font-family:sans-serif; font-weight:bolder; } h2 { padding: 0px; font-weight:bold; font-size:14px; text-align:left; font-family:arial, Helvetica; } h3 { padding: 5px 0px 10px 3px; font-size:14px; font-weight:bolder; font-family:arial, Helvetica; } H3 a{ text-decoration: none; }

  • CSSで表示が異なってしまう

    下記のようなCSSを使っているのですが、リンクが入ると表示が異なってしまいます。 画像の下のようにしたいのですが、どうすればよろしいでしょうか? よろしくお願いします。 ■ CSS A:link{ color:#0095ff; text-decoration: none;} A:visited{ color:#0095ff; text-decoration: none;} A:hover{ color:#00efff; text-decoration: underline;} A:active{ color:#00efff; text-decoration: underline;} .style02{ padding:3px 0 0 6px; margin-bottom: 5px; font-size:16px; font-weight:bold; background-image:url(../_images/h_02.gif); background-repeat:repeat-x; border: 1px solid #000000; color: #000000; } ■ ソース <a class="style02" href="http://www.hogehoge.com">トップページ</a> <div class="style02">トップページ</div>

    • ベストアンサー
    • HTML
  • CSS IEとfirefoxおなじレイアウトにしたいのですが

    初心者です。↑質問ですが IEでレイアウトはみれてもfirefoxでは崩れてしまいそれの 対処で困ってしまっています。 どなたかアドバイスください。 ↓のCSSなのですが、途中混乱したままの投稿となってしまっていますが おわかりなられるかた助けてください! ロゴがメイン画像にのっかったりと崩れがたえません。 body{ margin-top: 60px; padding: auto; background-color: #000000; background-image: url(../image/back.gif); color: #000000; cursor: crosshair; } P{ margin: 0; } h1{ font-family: serif; font-size: 5pt; color: #000000; } /*imgDIV↓*/ #lightbox{ width: 100%; z-index: center; text-align: center; background-repeat: no-repeat; } /*toplogo*/ #wrapper{ position: relative; width: 100%; margin: auto; margin-bottom: 20px; margin-left: auto; margin-right: auto; } #logo{ padding-top: 50px 50px 50px 50px; position: absolute; left: 410px; } /*グローバルナビ*/ #hako { margin-top: 150px; line-height:50px; padding-left: 900px; } #hako li { display:inline; list-style:none; padding-right:12px; float: left; background: url(../image/bpin.gif) left top no-repeat; line-height: 12px; padding-left: 17px; } #hako li{ font-family: DejaVuSans; font-size: 12px; } #hako li a { color:#C0C0C0; text-decoration:none; border-bottom:solid 2px #ADABAE; } #hako li a:hover { color:#FFFF66; border-bottom:solid 1px #CC0000; }

  • ブログのタイトル文字色について。

    fc2でブログを始めました。 色々検討して、公式テンプレートの「life」というものを選択しました。 ただ、タイトルの背景画像だけ変更しようと思い、色々苦労した結果、変更できました。 しかし、タイトルの文字色が灰色のため、今のままではタイトルがひどく見づらいのです。 そこでタイトルの文字色を変更しようとしましたが、どうにもそれに該当する部分が分かりません。 以下にスタイルシートを貼りますので、どなたかご教授下さい。 body { font-family: Verdana ,sans-serif,Osaka; background: #eee; background-image: url(http://templates.blog.fc2.com/template/life/bacck6.gif); background-position: 0 0; background-attachment: scroll; background-repeat: repeat; font-size: 83%; line-height: 1.6; margin:0; color:#232323; } a:link { color:#bbb; text-decoration: none; } a:active { color: #999; text-decoration: none } a:visited { color: #777; text-decoration: none } a:hover { color: #d00; text-decoration: underline; } /* h1 を大きくとって、背景画像を見せてます。 */ /* 出来る人は div 要素なんか使って、テンプレ弄った方がいろいろいいかも */ h1 { background: #070; /* 背景を差し込む場合は高さ 150px ぐらい推奨 */ background-image: url(http://blog-imgs-59.fc2.com/n/a/m/namakedaruma/201304221809488f4.jpg); background-position: 0 0; background-attachment: scroll; background-repeat: repeat; margin: 0; font-size: 150%; /* 文字の位置を変える場合、上下合わせて 6em 取るといいかも */ padding: 3em 3em; /* 位置を真ん中にしない場合は以下で文字位置設定 */ /* padding: 3em 0.7em 3em 0.7em; */ border-left: 1px solid #000; border-right: 1px solid #000; } h1 a:link { color: #fff; text-decoration: none; } /* h2 要素は現時点で、横向きカレンダーで被せてるんで擬似背景設定になってます */ h2 { background: #000; background-image: url(http://templates.blog.fc2.com/template/life/back2.gif); background-position: 0 0; background-attachment: scroll; background-repeat: repeat; margin: 0; padding: 0.5em; text-align: center; font-size: 100%; font-style: normal; border-left: 1px solid #000; border-right: 1px solid #000; color: #fff; border-top: 2px solid #000; border-bottom: 2px solid #000; } /* h2 要素に被る横カレンダー設定 */ .yokocal { position: absolute; left: 10%; top: 16em; border: 1px solid #000; background: #777; padding: 0.3em; text-align: center; margin: 0; font-size:75%; } /* 背景色透過で、h1 要素最下部に表示する場合や、横カレンダーを表示させない場合は、 以下の設定の方がしっくりきます。*/ /* 背景画像によって、文字色の変更 */ /* この場合は h2 要素が見えるようになります */ /* h2 要素の上下のパディング 0.5em が大きくて気になる場合は減らす */ /* 参考までに h2 要素の上下パディングを 0 にした場合、 以下で記述の right 属性の top のプロパティを 14.5em から 13.4em へ変更 */ /* .yokocal { position: absolute; left: 10%; top: 13em; padding: 0.3em; text-align: center; margin: 0; font-size:75%; } */ /* 横カレンダーの日付はリストを inline で横に並べてるので、不具合ある人もいるかも。*/ .yokocal li { color: #000; display: inline; margin: 0 0.1em; } .yokocal a{ font-weight: bold; } .yokocal a:link { color: #fff; text-decoration: underline; } .yokocal a:visited { color: #999; text-decoration: underline; } .yokocal a:hover { color: #f00; text-decoration: none; } /* レイアウト設定 */ /* レイアウト構成は left の中に right を左側に入れ込んでるという感じ。 そのために、left 属性では左に大きくパディングを取ってます。 ので、left でも実際は、右側に表示されることになります。*/ /* 記事表示部分 */ .left { margin: 0; margin-left:1px; padding: 0 0 0 18.7em; border: 1px solid #000; background: #fff; } /* メニュー部分 */ .right { background: #ffe; background-image: url(http://templates.blog.fc2.com/template/life/back3.gif); background-position: 0 0; background-attachment: scroll; background-repeat: repeat; width: 15.5em; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; position: absolute; padding: 1.7em 0.7em; top: 14.5em; left: 0; color: #232323; /* left 属性のボーダーを使うためその分の余白 */ margin-left: 1px; } .right p{ margin: 0.3em; font-size: 80%; } .right a:link { color:#333; text-decoration: none; } .right a:active { color: #999; text-decoration: none } .right a:visited { color: #666; text-decoration: none } .right a:hover { color: #d00; text-decoration: underline; } /* メニューの見出し*/ .right h3 { font-size: 80%; font-family: Verdana ,sans-serif,Osaka; font-weight: normal; color: #000; letter-spacing: 0.1em; margin: 1.7em 0 0 0; padding: 0.2em 0.2em 0.2em 0.7em; background: #ffd; bo

  • スタイルシートのカスタマイズ方法 を教えて!!

    下記スタイルシートの花の絵の部分を自分のCドライブ内に保存している画像に変更したいのですが、どのようにすればいいのでしょうか。 @charset "EUC-JP"; /* ############################### ▼▼基本  ################################# */ body { color: #6e625c; background-color: #fff; background-image: url("https://cart1.fc2.com/template/bouquet/image/bg.gif"); text-align: center; margin: 0; padding: 0; bgcolor: #ffffff } #BaseBlock { color: #6e625c; font-size: 10px; font-family: Osaka, "Verdana", "MS Pゴシック"; text-align: left; margin: 0 auto; padding: 0; width: 863px } a:link , a:active , a:visited { color: #c36; text-decoration: none } a:hover { color: #29a8a8; text-decoration: underline } br { letter-spacing: normal } /* ############################### ▼▼ 先頭 ################################# */ #HeadBlock { font-size: 10px; font-family: Osaka,Verdana, "MS Pゴシック"; background-image: url("https://cart1.fc2.com/template/bouquet/image/bg-head.gif"); background-repeat: repeat-x; background-position: 0 0; text-align: center; margin: 0; padding: 0; width: 100%; height: 245px } .HeadBlockA { background-image: url("https://cart1.fc2.com/template/bouquet/image/top-1.jpg"); text-align: right; margin: 0 auto; padding: 0; width: 863px; height: 46px } .HeadBlockAtext { padding-top: 20px } .HeadBlockB { background-image: url("https://cart1.fc2.com/template/bouquet/image/top-2.jpg"); text-align: right; margin: 0 auto; padding: 0; width: 863px; height: 138px } .HeadBlockC { background-image: url("https://cart1.fc2.com/template/bouquet/image/top-3.jpg"); text-align: right; margin: 0 auto; padding: 0; width: 863px; height: 42px } .ShopName { font-size: 20px; font-family: Verdana, Osaka,"MS UI Gothic"; font-weight: bold; margin: 0; padding: 10px 0 0 0 } .ShopName a:link , .ShopName a:active , .ShopName a:visited { color: #000; text-decoration: none } .ShopName a:hover { color: #dadada; text-decoration: none } 「▼▼基本」の部分のURL(background-image: url("https://….jpg");)を変更するのでしょうか。 その際、「▼▼ 先頭」の部分のURL(background-image: url("https://….jpg");)は触らないでそのままでいいのでしょうか。 ずっと「▼▼ 先頭」の部分のURLを変更していましたが、全く反映されません。 Cドライブに入っている画像は「○○.jpg」と書けばいいのでしょうか。

  • CSSのリストタグでメニューを作ってますがレイアウトが崩れます

    CSSでリストタグを使ってメニューを作成してますが、Firefoxだとメニューの幅が広く表示され本文にかぶってしまいレイアウトが崩れてしまいます。ちなみにレイアウトは2段組です。 #menu{ text-align: left; width: 175px; float: left } #menu #text ul{ list-style-type: none; margin: 0; padding: 0; border-top: 1px solid white } #menu #text li{ background-image: url("../navi_yajirusi.gif"); background-repeat: no-repeat; background-position: left center; margin: 0; padding: 0; border-bottom: 1px solid white } #menu #text li a{ color: #fff; text-decoration: none; background-color: #1b328d; background-image: url("../navi_yajirusi.gif"); background-repeat: no-repeat; background-position: left center; display: block; padding: 10px 0 10px 10px; width: 175px } #menu #text li a:hover { color: #fff; background-color: #ff0; background-image: url("../navi_yajirusi.gif"); background-repeat: no-repeat; background-position: left center } どなたか詳しい方よろしくお願いいたします。

  • blog CSSのタイトル色の変更指定について!!

    このblog CSSのブログタイトルの色変更はどうすればいいですか? .blogtitle の所で色指定してもダメでした?他に方法があるのですか? livedoor Blog CSS FileName: ネコさん(20040819) Version: 2006.06.26 ----------------------------------------------------- */ #header{} #header td{ color:#FFF; font-size:12px; text-align:right; padding-right:10px; } #header a:link{color:#FFF;} #header a:visited{color:#FFF;} #header a:active{color:#FFF;} #header a:hover{color:#FFF;text-decoration:none;} body{ margin:0; padding:0; text-align:center; font-family: verdana ,arial ,sans-serif; background-color: #4d9d1c; /*background:#4d9d1c url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/bg.gif') repeat-y 50% 0;*/ } a{color:#666;text-decoration:underline;} a:link{color:#666;text-decoration:underline;} a:visited{text-decoration:underline;} a:active{} a:hover{color:#666;text-decoration:none;} #container{ width:833px; margin:0 auto; text-align:left; word-break:break-all; background:url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/header.gif') no-repeat; } #banner,#subbanner{ width:833px; height:185px; margin:0 auto 35px;; } #banner a{color:#fff;text-decoration:none;} #banner a:link{color:#fff;text-decoration:none;} #banner a:visited{text-decoration:none;} #banner a:active{} #banner a:hover{color:#fff;text-decoration:underline;} #subbanner a{color:#fff;text-decoration:underline;} #subbanner a:link{color:#fff;text-decoration:underline;} #subbanner a:visited{text-decoration:underline;} #subbanner a:active{} #subbanner a:hover{color:#fff;text-decoration:none;} h1,h2,h3{margin:0;padding:0;} .blogtitle{ font-size:20px; font-weight:bold; padding-top:85px; padding-right:70px; text-align:right; } .description{ color:#000; font-weight:bold; font-size:12px; padding-right:70px; text-align:right; } #categorytitlebody{} #categorytitle{ font-size:14px; font-weight:bold; text-align:center; padding:20px 10px 15px 10px; } #blogcontainer{width:755px;margin:0 auto auto 20px;background-color:#FFF;} #content{ width:564px; float:left; padding-left:10px; text-align:left; padding-bottom:50px; } #links{ width:170px; float:right; padding-bottom:50px; } .blog{} .date{ color:#4d9d1c; font-size:14px; font-weight:bold; text-align:left; margin-bottom:5px; } .title{ font-size:14px; font-weight:bold; text-align:left; background:url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/nikukyu.gif') no-repeat 0 50%; padding-left:26px; } .blogbody{ line-height:130%; text-align:left; background-color:#f3f1e2; padding:10px 0px 0px 10px; } .main,.mainmore,.portal-links{ line-height:150%; font-size:12px; padding:18px 10px 30px 26px; } blockquote{ padding:5px; margin:5px; border:2px dotted #4d9d1c; } .pict{margin:5px;} .posted{ color:#000; font-size:11px; text-align:left; margin:0; padding:10px 15px 10px 26px; } a.posted{color:#000;text-decoration:underline;} a.posted:link{color:#000;text-decoration:underline;} a.posted:visited{text-decoration:underline;} a.posted:active{} a.posted:hover{color:#000;text-decoration:none;} .menu{ font-size:11px; text-align:right; padding:2px 15px 20px 26px; } .blogbodybottom{ margin-bottom:20px; } .comblogbodybottom{ margin-bottom:20px; } #contentcommentbottom{} .formbodybottom{} #articletop{} #articlebody{} #articlebottom{} .trackbackurlbody{ text-align:left; padding-left:10px; } .trackbackurlttl{ background:url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/nikukyu.gif') no-repeat 0 50%; font-size:12px; font-weight:bold; padding-left:26px; } .trackbackurl{ padding-top:10px; padding-bottom:20px; text-align:left; } .trackbackurl table{width:350px;margin:0 auto;} input.trackbackbox{width:300px;} .trackbackurlbottom{} a.posttitle:link{color:#000;text-decoration:underline;font-si

    • 締切済み
    • CSS
  • フッターの画像の位置づけ指定方法がわからない

    ヘッダー・メイン・サイドバー(左右)・フッターの5コマ組みのサイトを表現したいのですが、 フッターに指定した画像を全体サイズでセンターに寄せて(画像の上に、真ん中寄せでテキストを乗せたい)反映させるにはどうしたらいいのでしょうか。フッターに指定しているjpg画像のサイズは、(○●.jpg);511×229pxです、よろしくお願いします。 <style type="text/css"> body /* コンテナ */ div#container{width: 100%; margin-left: auto; margin-right: auto} /* ヘッダー */ div#header{background-color: #ffffff;             font-color:#4876ff; /*background-image: url(.jpg);*/ background-repeat: no-repeat; background-position: center top;          /*padding: 28px 20px 150px*/ } div#header h1{margin: 0} div#header p{color: #ffffff; font-size: 0.50em; margin: 0} /* メイン */ div#main{width: 100%; float: left; margin-right: -230px} /* コンテンツ */ div#content{width: 100%; float: right; margin-left: -186px; margin-right: auto; margin-bottom: 25px} div#content h2, div#content h3, div#content p {margin-left: 186px; margin-right: 230px} div#content h2{background-color: #92c9ff; background-image: url(); background-repeat: repeat-x; border: solid 1px #84c2ff; font-size: 0.875em; color: #00688b; line-height: 32px; padding-left: 6px; margin-top: 0; margin-bottom: 0} div#content h3{background-color: #ffffff; background-image: url(); background-repeat: no-repeat; background-position: 0px 2px; font-size: 0.875em; line-height: 22px; padding-left: 26px; margin-top: 30px; margin-bottom: 0} div#content p{font-size: 0.75em; line-height: 1.6; margin-top: 10px} /* サイドバー */ div#sidebar{ background-image:url(.jpg); width: 170px; float: left; margin-bottom: 25px} ul.sidemenu{font-size: 0.90em; margin-top: 0; margin-left: 0; padding-left: 0; line-height: 0} ul.sidemenu li{list-style-type: none} ul.sidemenu li a{       display: block; line-height: 25px; text-decoration: none;    text-align:right background-img:url(.gif);       padding-left: 10px} ul.sidemenu li a:hover{background-color: #cdc1c5               color: #8b1c62 } ul.sidemenu ul {margin: 0;       padding: 0} ul.sidemenu ul li a {background-img:url(gif); color:#5d478b; border-bottom: solid 1px #ab82ff;        line-height: 24px} ul.sidemenu ul li a:hover {background-color: #eee0e5;                   color:#ffffff;      border-bottom: solid 1px #ab82ff; } p.feed{margin-bottom: 10px} p.feed a{font-size: 0.75em; color: #444444; text-decoration: none; line-height: 30px; border: solid 1px #888888; padding: 5px} p.feed img{border: none; vertical-align: middle} /* 右サイドバー */ div#sidebar-right{width: 150px; float: right} div.info{border: solid 1px #84c2ff; margin-bottom: 18px} div#sidebar-right h2{background-color: #c6e3ff;   background-image: url(); color: #3c5916; font-size: 0.75em; text-align: center; padding: 5px; margin-top: 0; margin-bottom: 3px} div#sidebar-right p.photo{text-align: center} div#sidebar-right p{font-size: 0.75em; margin: 10px 5px} div#sidebar-right ul{font-size: 0.75em; margin: 5px; padding: 0} div#sidebar-right ul li {background-image: url(); background-repeat: no-repeat; background-position: 0 6px; padding-left: 13px; list-style-type: none} /* フッター */ div#footer{background-image:url(○●.jpg);       background-repeat: no-repeat; width: 100%; margin-top: ; padding-top: 8px; clear: both} address{font-size: 0.75em; font-style: normal; text-align: center} </style> ・・・・・・・・ここまで指定 ここから、html打ち込み↓ <!-- フッター --> <div id="footer"align="center"> &#65374;&#65374;テキスト文章&#65374;&#65374;<br> <address><big>&#65374;アドレスのテキスト&#65374;</address></big> <br>○○おなじくテキスト</div> <div align="center"> &#65374;◆◆サイトの名前&#65374;   <img src="○○.jpg"border="0"bordercolor="#87ceeb"alt=""> <br><br> </body> </html> 少しいじると、おかしな反映になります、お助け下さい。

    • 締切済み
    • CSS
  • adressを一番下に表示させたい

    スタイルシート・スタンダード・デザインガイドという本を見ながらサイトを作っています。 サンプルを元にいろいろいじっていたらadressが一番下にくるはずなのに一番上に来てしまいます。 どうしたらいいでしょうか。 body { text-align:center; background-image:url(images/bg2.gif); background-color:#ffffff; } p.menu { border: 0; margin: 0; padding: 0; border:0; color:#ffffff; position:absolute; left:50px; top:50px; } p.menu img { margin:0; padding:0; } p.menu a{ padding:0; margin:0; background-color:#ffffff; } p.menu a:hover, p.menu a:active { background-color:#ffff99; } #menu2 { font-size:0.75em; margin-bottom:0; margin-top:50px; height:90%; width:197px; border:solid 1px #ff9999; position:absolute; left:50px; top:100px; background-color:#ffffff; } #menu2 a { color:#5e8eab; text-decoration:none; background-color:#ffffff; display:block; width:100%; line-height:2em } #menu2 a:hover { background-color:#c5e1ed } #menu2 span { color:#c5e1ed; display:none } .contents { width:580px; height:90%; margin-left:0; margin-right:0; margin-bottom:0; background-color:#ffffff; position:absolute; margin-top:20px; left:248px; top:130px; border:solid 1px #ff9999; } .section { margin-left:60px; margin-right:60px; text-align:left; margin-top:2em } address { font-size:0.625em; font-weight:bold; font-style:normal; color:#2d444f; position:absolute; text-align:center; text-valign:bottom; } address a { color:#2d444f; }

    • ベストアンサー
    • HTML
  • liに画像と文字を表示するCSSの方法

    HTML <ul> <li class="home11"><h3><a title="Homeページ" href="../index.html" class="moji5011">Home</a></h3> </ul> CSS a.moji5011 { color: #c60; font-size: 85%; font-weight: 700; text-decoration: none; margin-left: 0; padding: 3px; width: 80px; height: 20px } a:hover.moji5011 { color: #000; font-weight: 700; text-decoration: none; margin-left: 0; padding: 3px } li.home11 { background-image: url("http://www6.big.or.jp/~neon/BTNFLD/BTNIMG/BTN03/btn04smp.gif"); background-repeat: no-repeat; text-align: center; list-style-type: none; margin-right: 5px; width: 80px; height: 20px; float: left } と設定しているのですが、エクスプローラーでは画像の上にHomeが中央に位置しているのですが、Firefoxでは文字が上部に位置して、これをFirefoxでも中央に表示するにはどのようにすればいいのでしょうか。 ボタン全部をリンク対象にするようにしています。

    • ベストアンサー
    • HTML