• ベストアンサー

ブログのレイアウト

ブログのレイアウト?について質問します ブログのレイアウトが崩れていますよね。 本来は左にプロフィールなどで、右に記事本文だと思うのですが、下に記事本文が掲載されています。 前にそういう系の幅をいじくって、右に表示されるようにしたのですが、なぜかまた下に本文ガ掲載されています。 どのようにしたら戻るでしょうか?

質問者が選んだベストアンサー

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

見事なカラム落ちですね。。。 FC2ブログは記事にニコニコ動画を載せたり、大きいサイズの画像を載せたりするとカラム落ちしてしまう場合があります。 ブログパーツやプラグインも関係あるかもしれませんので、各所確認して修正してみては如何でしょうか? 画像のサムネイル設定を小さくすることも有効かもしれません。 私の経験上では左カラムはpx指定(200px)、右カラムは%指定(75%)、画像サムネイルは200pxにすると落ちにくかったような気がします。

dragon7788
質問者

お礼

なんだかんだで、ブログのテンプレそのものを差し替えて解決させました。 で、上手くいきましたが、最近は中身も濃いものがかけず、 個人的にはブログを作り直したほうがいいかなとも思っております… 画像はよくというか、最近こそは500×◎◎のものを用いていましたが、たまにそれ以上の数値だったりしてます。 補足にも書きましたが原因そのものは過去の記事なんでしょうか。

dragon7788
質問者

補足

いろいろいじくりましたが、上手くいかず。 過去の記事で、デカイ画像があってからおかしくなった気がしますが、過去の記事も関係ありますか。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

回答No.2

補足有難う御座います。 過去に大きな画像があったとありましたが、通常ならばそれが表示されているページのみカラム落ちしてしまうはずです。 改造の際に何か見落としがあるのかもしれませんね。 回答ではテンプレートを差し替えて解決したそうですが、自力で作り直すのならば、CSSをきちんと勉強したほうがいいですね。 私もまだまだ勉強不足でまともな回答ができなくてすみませんでした。

dragon7788
質問者

お礼

再度のご回答ありがとうございました。 やはりちょっと知識が無い状態でいじくるのはまずかったですね。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • ブログ画面のレイアウトが変になってしまった

    ブログ画面のレイアウト、サイドバーの位置に五つ前の記事が入り込んでしまっています。サイドバーにあるべきカレンダーやプロフィール・最新記事・カテゴリーなどが10記事ががあるその下に表示されてしまっています。 仕方がないので、現在は記事を一つだけ表示するようにしています。 治す方法があったら教えてください。お願いいたします。

  • ブログのページレイアウトを元に戻したい

    livedoor blog PRO (アマのクセに) 2カラムです。 記事中に、 <div style="text-align:left;"><table> <tr> <td>1つ目のセル</td> <td>2つ目のセル</td>   </tr> </table></div> を使ったところ、途端に、右サイドバーのブログパーツ(livedoorプロフィールと最新記事)が、 記事下の境界線の下に移動してしまいました。 記事幅が所定の幅を超えてしまったからだと思うのです。 CSS は、少しだけ分かります。 ブログパーツの位置を元に戻す方法をご教示ください。

  • seesaaブログの設定について

    ブログの設定のデザインでレイアウトを両サイドバーにしていますが、どのデザインを選択しても、左・中・右と各バーが一度に表示されず、右バーだけが真ん中の記事の一番下に表示されます。原因原因がわかりませんので、どなたか教えて下さい。よろしくお願いします。

  • ブログのレイアウトの崩れの原因が分かりません

    livedoorのブログのレイアウトをカスタムしているんですが、どうしてもレイアウトの崩れを回避出来ずに困っています。 具体的な症状ですが、記事本文にjavascriptタグを記入するとサイドバーの位置がおかしな場所にズレてしまいます。 本文のタグを消すと元通り、正常な表示になります。 レイアウトは2カラムで、本文の位置、内容共に問題無く表示されますが、本来本文の真横にサイドバーが来るハズなのに、本文が終わった最下部の位置からようやく表示されます。 参考イラストがこちらにあります。 【https://www.dropbox.com/s/3j1lwr40klm949i/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%82%BA%E3%83%AC%E3%80%80%E8%B3%AA%E5%95%8F.jpg?dl=0】 ※参考イラストでは『次の記事 前の記事のボタン』が崩れている場面においても記事本文下に正常表示されていますが、これは色々試している中で正常な表示になる事もあった位の話で、これらのボタンも位置がおかしく、サイドバーの部分に表示だったりとおかしくなっています。  試した事は以下です。 (1)cssに記述されている『#main-inner』や『#sidebar』の箇所のwidthやpaddingの数値を変更。 (以前スクリプトを本文に記述していない頃、レイアウト決めで今回と同じようにサイドバーが正常位置に表示されない事があり、その際は単に横幅が足りなかっただけのようで、数値を調整する事で正しい元の位置に表示できましたが、今回は以前のそれとは関係ない模様) (2)htmlの</div>の位置や書き忘れ 原因を調べている段階でこちらのサイトを見つけ、 【https://sagadylan.com/blog-layout-fix/】 今回の原因はコレと同じ原理なのではと色々試してみましたが、何分cssやhtmlに詳しい訳ではないので解決までのイメージがイマイチ理解出来ていません。 とりあえず物は試しとhtmlの怪しそうな箇所に</div>を記入しては戻し記入しては戻しと試してみたりもしました。 今回のレイアウトはlivedoorが用意しているテンプレートを使用していますが、 ちょこちょこ色を変えたりボーダーラインを四隅にひいたりと変更しているので、 知らないうちにDivタグを付け忘れてしまった、或は本来あるべき位置ではなく別の場所に終了タグを置いてしまっているのか… もし解決に必要な情報が他にあれば、回答の際に教えて頂けるとお礼欄にて追記させて頂きたいと思います。

    • ベストアンサー
    • CSS
  • FC2ブログについて

    今、FC2でブログをしています!! いろいろ調べているのですが、分からない事があるので、教えて頂きたいです!! (1)左側に月間アーカイブを表示しているのですが、日別アーカイブにしたいのですが、どうすればいいのでしょうか? プラグインの追加のところを探したのですが、月間アーカイブはあるのですが、日別のアーカイブがありませんでした。 (2)プラグインの一つだけ、タイトルの文字を大きくしたり、文章を大きくするには、どうすればいいのでしょうか? 自分の好きなところだけの編集をしたいのですが、CSSで変更しようと思うと、カラム単位で変更されてしまいます。 例えば、右のカラムには、プロフィールとリンクとカテゴリーがあったとして、プロフィールのタイトルだけ、変更しようと思っても、 上記の3つとも変更されてしまいます。 いろいろ調べてみたのですが、全く分かりませんでしたm(_ _)m (3)今、カレンダーを使っているのですが、カレンダーを押すとその日の記事が見れます。 例えば、24日の日付を押すと、24日の記事が出るのですが、24日に3つの記事があった場合、 一番最後に投稿した記事の1つしか出ず、あと、2つの記事は、一番下の次へを押さないと表示しません。 やりたいのは、24日を押すと、古い順で順番に3つとも1ページで表示出来るようにしたいのです。 (4)またまた、カレンダーの事なのですが、 例えば、7月24日を押すと7月24日の記事が見れるのですが、一番下にHOMEしか表示されず、 前の日の記事や次の日の記事を見たい場合、一度HOMEに戻って、また、カレンダーの日付を押さないといけません。 いろんなサイトを見ていると、カレンダーを押すと、その日の記事が見れて、 一番下のHOMEのボタンの右と左に「次へ」と「前へ」というボタンがあり、それを押すと、前の日の記事と次の日の記事が見れました。 こういうことをしてみたいのですが、方法が分かりません。 以上4つの疑問があるのですが、一日中調べてみたのですが、全くわかりませんでした。 大変困っているので、教えて頂きたいです。 ブログ初心者なので、文章も長くなってしまい、説明が上手に書けませんでしたが、どうぞよろしくお願いします<m(__)m>

  • 3カラムのブログで、中央記事部分と右サイドバーがずいぶん下の方に表示されてしまいます。

    すみません。おしえてもらえますか? ブログをいじっていましたら、レイアウトが崩れ中央記事部分と右サイドバーがものすごく下に表示されるようになってしまいました。 どこの部分がおかしいのかわからなくて・・ 申し訳ありませんが教えていただけませんか?

  • ブログのレイアウトがIE6以外で異常に崩れる!

    gooブログアドバンスでテンプレートをいじっているのですが、 IE6では意図したようにレイアウトされるのものが、IE6以外ではレイアウトが崩れてしまいます。 崩れ方もブラウザによって違い、 netscapeではエントリー部分が意図したよりも広く表示され、他の部分にかぶってしまったり、 operaではエントリーが一番下、画面幅いっぱいに表示されたり…という具合です。 一応netscape、operaでも使えるCSSやタグを使っているつもりなんですが…。 どのような理由が考えられるでしょうか? 時間をかけて作っただけに、どうにかしてちゃんと表示されるようにしたいのですが…。

  • CSSについて教えて下さい ブログレイアウトが崩れます

    御世話になります。 ■ブログの、本体部分がどうしても真ん中に固定できません。本体部分は div#wrapper { width: 750px; padding: 0 10px; margin:0 0 0 130px; border:1px solid;} 今はmarginでなんとなく真ん中に見せていますが、 1024~上で真ん中に見えるだけで、1280×~にすると左よりになります。 全体のCSSは body { margin:0px auto; color: #666; font: 12px/1.5em "meiryo","メイリオ","Lucida Sans Unicode","Lucida Grande",sans-serif} にして、marginをautoにしましたがこれでは真ん中にできないのでしょうか。 ■記事本文の下に、カテゴリが回りこみます(記事本文が、カテゴリより短かった時) 記事部分 div#contents { width: 500px; padding: 0 10px; float: left;} カテゴリー部分 div#navigation { width:190; padding:0px; border:1px solid;} カテゴリーが記事の高さを過ぎると、記事の下に回りこんでしまう状況です。 説明足らずであれば補足します。修正加筆箇所を宜しくお願いします。

    • ベストアンサー
    • HTML
  • FC2ブログで

    FC2ブログを利用させてもらってます 本日いつもの様に記事を編集していたら、トップに一つの記事しか掲載されなくなって、プロフィール、リンク集等が表示されなくなってしまいました 上の5月とかのところをクリックすると、いつもの様にその記事に行けるのですが・・・ 編集画面から、ブログの確認をクリックしても、その編集した記事だけが表示されます いつもの様に新しく更新された順、未来順に表示される様にするにはどうすれば良いですか??

  • ブログの表示が変わってしまった

    宜しくお願い致します。 ブログのミスを見つけて編集したのですが、右サイドバーのカレンダーなどが記事の下部に移動して、そこに過去記事が表示されて、本文記事が2列に表示される様になってしまいました。どうしたら元に戻るでしょうか?     WindousXP IE 7.0