知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

ブログが、IE以外では正しく表示されません。

livedoor blog を利用しているのですが、
Internet Explorer以外では正しく表示されないので、困っています。

まず、ヘッダ部分の画像が正しく表示されません。
あとブログ全体の背景の部分も表示されないのです。

どうしたら、正しく表示されるようになるのでしょうか?


どなたか教えてください。
お願いします。



2009-10-25 20:11の質問
ブログ  ブラウザ  FireFox  Opera  IE  表示  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2009-10-26 01:44:30ベスト
忍者ツールズのバナーの前の
DESIGN GARDEN
の部分
<table style="background-color:#b8d494;border-collapse: collapse;width:120px;">
<tr align="center">
<td style="border:1px solid #b8d494;padding:2px">
<font style="color:white" size="2"><b>DESIGN GARDEN</b></font>
</td>
の後に、
</tr>
</table>
が必要(ちゃんと閉じていない)

スタイルシートで
    #banner,#subbanner{
        text-align:left;
        background:url('http://livedoor.blogimg.jp/gojigen_ale/imgs/b/a/bae016ef.jpg') no-repeat;
        width:710px;
               height:200px;
               margin:0 auto 20px;
    }
の部分、url 指定で、アポロストロフィ「'」は、取り除く
height と margin の行の先頭の全角スペースは、取り除く
    #error{
        color:#333;
        font-size:12px;
        padding:0 0 10px 15 px;
        background:#fff;
    }
の部分、
15 とpx の間にあるタブを取り除く
    #formbody{
        margin:0;
        padding:0;
        text-algin:center;
        background:#fff;
    }
の部分text-algin は、text-align の間違い
    .formbodybottom{
        margin:0
        margin-bottom:20px;
        padding:10px 0;
    }
の部分、margin:0 の後にコロン「;」が無い。
回答レベル : アドバイス

ご指摘通り、修正しましたところ、ヘッダ部分の画像は無事表示されました。ただ、ブログの背景部分は表示されませんでした。
そこで、自分で色々調べてみて、自己解決できました。

色々と教えてくださって、ありがとうございました。

Ads By Google

コメント(2)

#2.  BLUEPIXY
2009-10-26 07:06:02

>>1 ブログの背景部分は表示されませんでした。

</tr>
</table>
の追加をやっていなかったためだと思います。

#3.  BLUEPIXY
2009-10-26 07:16:55

現状、解決されていないようです。

FLO:Qプラグインの前のフリーエリアプラグインの中身を修正する必要が有ります。

#2の修正をしましょう。

トラックバック

トラックバックURL: