お蔵入り
特定のデザイン（into the light）だと、トップページの変更が出来ない
トップページを変更してみようとしたのですが、どうやっても変更が反映されません。簡単な変更として画像を張ったのですが表示されません。試しに、デザインを別のものに変えるとうまくいきました。「into the light」です。「イラスト」の中にあります。
出来ればこのデザインを使って行きたいので、皆様よろしくお願いします。
回答
コメント(8)
背景が真っ黒なデザインですから、ちゃんと変更されていても黒につぶされて見えていない可能性がありますね
どのような変更を加えたか、具体的に書いていただけませんか？
または差し支えなければブログのURLを教えていただければ確認にいきます
<!-- Loop Start -->の直前に画像を張ってみましたが変更が反映されません。変更後の保存も再構築も行っています。不安なので「全てのページ」で再構築してみましたがやはり同じです。
問題のサイトは http://blog.livedoor.jp/kqaesar/ です
よろしくお願いします
>>#2 かえさるさん
PICSのこの画像のことでしょうか？
http://pics.livedoor.com/u/kqaesar/820150
<!-- Loop Start -->の直前、つまり一番上のエントリの日付の上にちゃんと表示されているようですが・・・
一度ブラウザのキャッシュをクリアしてみてはいかがでしょうか？
キャッシュってインターネット一時ファイルのことですよね。消してみましたが、やはり画像は見えません。写真はforestkさんが指摘されたものです。
ええと困っています
IE6だと表示されないのですが、FireFoxだと表示されています
ブラウザで画像を読み込む順序が違うとかあるのですか？
<div class="description">の解説のあとあたりに <br />で何回か改行したあと画像をもってくれば一応どちらの環境でも見れたのですが、いまいちいい方法ではない気が……
「<div class="description">の解説のあとあたりに」というのがどこなのかはっきりしなかったので適当に<br />を入れてみましたがうまくいってないようです。よろしければえむの国さんはどのように変更されたのかUPしていただけませんか？ちなみにIE６を使っています。
えむの国 さん、ソースをよく読んだら分かりました。
<div class="description"><$BlogDescription$></div>
の直後に<br />で改行をして画像を張れという意味ですね。ありがとうございました。
自分なりに調べた結果
#content{
float:left;
width:653px;
text-align:left;
margin-top:-230px;
}
の「margin-top:-230px」が原因のようです。
「into the light」はトップの画像に本文が重なるデザインを実現するため、マージンに負の値を指定しているようです。こうすることで複数の領域を重ねて表示させることが可能になります。しかしブラウザによって重なり順や重ね位置が異なるため、IE6では表示思われます。
