お蔵入り
記事ごとに背景画像を設定したいが、スタイルシートで設定してみたが、本文中の画像が表示されなくなってしまった。
デザインはZen Style（3カラム）を基本に、少しかまってあります。記事の一つひとつに背景画像を設定してみようと思い、スタイルシートを使ってやってみました。
すると、背景画像はうまく表示することができたのですが、本文中にあった画像が表示されなくなってしまいました。
ただ、画面上に画像は見えてませんが､そこに画像はある感じで、画像のあった部分にマウスのポインタを移動すると画像の説明(altに設定してある文章)は表示されます。
リロードの際に画像が一瞬だけ表示されたこともありました。
今回背景画像を設定したのは
blogbodyに
background-image:url(画像の絶対パス);
background-repeat:no-repeat;
を追加しました。
追加した部分を削除すると､画像は正しく表示されました。
fullbodyにも設定してみましたが､同じ状況でした。
よろしくお願いいたします。
以下､わたしのページです。
12/2の0:26の記事に画像が貼ってあります。(記事のURL )
回答(1)
1.
align="left"を削除すれば画像は表示されるはずですけど・・・
適確な説明が出来ませんm(_ _)m
コメント(12)
Kiss115さん、さっそく回答ありがとうございました。
試してみるとたしかに画像が表示されました。
が、これはこれで違った問題が発生しますので、何か少し試してみようと思います。
そうですね～
例えば、文字の位置などは指定する必要がありますね・・・。
とにかく私は、”画像タグ内”のalign="left"は何かと邪魔をするので好きじゃありません＞＜
なるほど“画像タグ内”のalign="left"は、なかなかの問題児なのですね…
HTMLやらCSSはさっぱりなのですが、ほどほどにチャレンジしてみます。
どうやら、背景画像（背景色）を設定した上での回り込みの不具合はIEのバグのようです。
親要素に対してサイズの指定（width）を行っておくと、この不具合を回避することができます。ということらしいので、よくわからなかったけど適当にやったら解決できました。
皆さんのお役に立てれば幸いです。
う～ん、締め切れないじゃないか。
システム的に間違ってる気がする…。
自分で回答もできないし、お蔵入りってのを待つしかないのか？
誰か回答書き込んでくれるといいけど…
すごいお詳しいですね！！
投稿画像はwidth無しでも
align="left"をいれてもきちんと表示されますね
.pict margin指定と
.main image{
float:left;
}
の追加と他はなにされたんですか？
これなしでも大丈夫のようですが・・・
>>#7
おそらく、最初の状態からスタイルシートでblogbodyに幅を設定してやればOKなのではないかと思います。
わたしは、そこに至るまでに画像タグ内にalignを書かないように変更を加えましたが、そのあたりは関係ないと思われます。
元に戻すのが面倒なので、遠回りたままですが、結果的には、背景画像を設定した要素にwidthを設定してやればいいのではないでしょうか。
.blogbody{
width:100%;
margin:5px 0 30px;
text-align:left;
background-image:url(画像のパス);
background-repeat:no-repeat;
}
現在使用中のスタイルシートです。繰り返しになりますが、widthとbackground-imageの追加のみでうまくいくと思います。が、元の状態に戻せなくなってしまったので、なんともわかりません。
>>#7
わたしの下手な説明よりも、参照したホームページのリンクを貼っておけばよかったですね。
http://www.tagindex.com/stylesheet/img/float.html
>>#8
>>#9
いいえ～＾＾とんでもないです
すごく勉強されてますねー
同じデザインでデフォルトからCSS変更にて検証してみましたが
>>#8の、仰られる部分だけのCSS変更で万事ＯＫでした
理由はイマイチ理解できておりませんが
こちらが教えていただく事になり恐縮です
大変勉強になり、ありがとうございましたm(_ _)m
尚システム上、私が回答を削除すれば御質問は削除できます
もしくは、お待ち頂く事になるかもしれませんが
キチンと理由を説明できる方の回答があるかもしれませんので
間違った回答も残しておく必要もアリかと考えております
いかがいたしましょうか？
今回の問題はブラウザ側の不具合ということのようなので、理屈は抜きに解決方法があってよかった！ といったところなのではないでしょうか。
特殊な状況から生じたものではないのですし、残しておいたほうがいいとは思ってますので、とりあえずこのままそっとしておこうと思います。
一応ライブドア側に質問をしてみてはいるんですが、返事はいつになるかわかりませんね。
というか、明確な回答は得られないと思います…。
了解いたしました＾＾
