livedoor ナレッジ

Opera(Mac)で3カラムのブログを表示するとプラグインBがページの下部に出てしまう。

環境はOpera9.27　OSはMacOS10.5です。
私のブログのみ、そのような表示になります。


症状が出たのは昨日で、デザインを変えたなどの作業はしていません。
SafariやIEでは正常に表示されます。

Opera もMac も使ってないので、見当違いだったらすみません。
スタイルシートの

.date {
  …
  width:100%;
}

の部分、

width:auto; 

にするか、行ごと削除してみたらどうでしょうか

IEを使っているので確認出来なかったのですが、このケースの場合は横幅の大きい画像を貼ってしまった時によく起こる「カラム落ち」という現象だと思います
（僕も最近知ったばっかなのですが＾＾；）。

原因が５/１２日の記事のギターのネックの画像だとすると改行して縦並びにするだけで多分直ると思います。

コレで直らなかったらちょっとメンドクサイことになるんです。


初めに、失敗しても良いようにデザインを保存してから始めて下さいね！


まず、カスタマイズからＣＳＳの画面を出します。

header

が

width：１００％

になってる事を確認してください。
コレは一番上に表示されている画像の表示幅です。
PXになってる場合は％に直して下さい。


基本的にトップ画像の幅に合わせて全体の横幅を決めるとバランスが良いので、トップ画像の横幅が何PXか調べて頂いてから続きを読んで下さいね。


ちなみにトップ画像を変えるには

#banner

の中にある

background:url

を、自分でアップロードした画像のURLに変えると変更出来ます。
その際はその画像に合わせたwidth（横PX）height（縦PX）に変更して下さい。



それでは、

#blogcontainer

と、

#container{}

の中の
　width:～～px
の～～の部分の数字を増やしてください。
これが左列・中央・右列の合計の幅です（のはず…）。


次に

#links

のwidthも同様に増やしてください。
コレがサイドバーの横幅です。


最後に、

#content

と

#blog＋#links 

の幅が

#blogcontainer{}、#container{} 

の幅を超えると同様の事になるので注意して下さい。


コレで上手くいかなかった時は、保存しておいたデザインに戻してやり直す事が出来るので、またその時質問があればヨロシクお願いします。


あまり自信無いです＾＾；。
上手くいかなかったらゴメンなさい。