サポート » 使い方全般 » サイドバーがコンテンツの下に表示されてしまう

  • 解決済 rsghx

    (@rsghx)


    こんにちは。
    すみませんが教えてください。

    http://kozukaikasegi123.com/
    このブログを編集中なのですが、サイドバーがコンテンツの下に表示されてしまいます。

    直そうと思い、試してみた事は
    ・画像を全て消した
    ・コンテンツとサイドバーの横幅を変えた
    以上の2点ですが、どちらをやっても変わりませんでした。

    ちなみに子テーマのCSSに設定しているのは以下になります。
    親のCSSはいじっておりません。
    質問のレベルが低すぎてましたらすみません。
    どなたか解決策か原因として考えられる事を教えてください。宜しくお願い致します。

    /*
    Theme Name: Child
    Template: twentytwelve
    */
    @import url(‘../twentytwelve/style.css’);

    /* フォントと文字の大きさ、色 */
    body {font-family: “メイリオ”, Meiryo, “Hiragino Kaku Gothic Pro”,”ヒラギノ角ゴ Pro W3″, “MS Pゴシック”, “Lucida Grande”, “Lucida Sans Unicode”, Arial, Verdana, sans-serif;text-rendering: optimizeLegibility;color: #000000; /* 文字色 */font-size: 14px; /* 文字の大きさ */} body.custom-font-enabled {font-family: “メイリオ”, Meiryo,”Hiragino Kaku Gothic Pro”,”ヒラギノ角ゴ Pro W3″, “MS Pゴシック”, “Lucida Grande”,”Lucida Sans Unicode”, Arial, Verdana, sans-serif;}

    /* 本文中の行間 */
    .entry-content p {line-height: 28px;}

    /* サイドバーの行間と文字の大きさ */
    .widget-area .widget li {line-height: 28px; /* 行間 */font-size: 14px; /* 文字の大きさ */}

    /* ブログタイトル部分 */
    .site-header h1 {font-size: 28px; /* 文字の大きさ */line-height: 1.846153846; /* タイトル部分の高さ */background-color: #8b4513; /* 背景に色を使う場合に記入 */}

    /* ブログタイトルの色 */
    .site-header h1 a {color:#fff;} /* タイトルの色 */.site-header h1 a:hover {color: #ffa500;} /* カーソルが乗った時の色 */

    /* 記事タイトル */
    .entry-header .entry-title {font-size: 20px; /* 文字の大きさ */line-height: 1.2; /* 高さ */padding-left: 10px; /* ちょっと左に余白 */}.entry-header .entry-title a {color: #000000;/* 文字の色 */}

    * 見出しh2 */
    .entry-content h2 {border-left: 5px solid #1F5E73;padding: 0 0 0 15px ;line-height: 2;font-size: 18px;background-color: #fff;}
    .entry-content h2 {border-right: 5px solid #1f5e73;padding: 0 15px 0 0 ;line-height: 2;font-size:18px;background-color: #fff;}

    /* ウィジェットタイトル部分 */
    .widget-area .widget h3 {line-height: 20px; /* 高さ */font-size: 15px; /* 文字の大きさ */color: #fff; /* 文字色 */background-color: #daa520; /* 背景色 */border-radius: 3px; /* 角に丸みをつける */padding: 2px 10px; /* 左と上下に余白 */}

    /* 記事内のリンク */
    .entry-content a {text-decoration: underline; /* リンク部分にアンダーライン */font-weight:bold; /* リンク文字を太字 */color: #0066cc;} /* リンクの色 */.entry-content a:visited {color: #ff1212;} /* 訪問済みの色 */.entry-content a:hover{color: #7a8285;} /* カーソルが乗った時の色 */

    /* サイドバーの文字 */
    .widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {line-height: 28px; /* 文字の高さ */font-size: 14px; /* 文字の大きさ */}

    .widget-area .widget a {color: #000000; /* リンク部分の文字色 */text-decoration: underline; /* リンク部分にアンダーライン */font-weight: normal; /* 文字の太さはノーマル */}.widget-area .widget a:visited {color: #000000;}.widget-area .widget a:hover{color: #7a8285;}

    /* ナビメニュー */
    .main-navigation li a {color: #fff; /* 文字色(白) */font-weight:bold; /* 太字にして */line-height: 30px; /* 高さ */font-size: 16px;} /* 文字の大きさ */.main-navigation ul {margin: 0; /* 余白をなくす */padding-left: 10px; /* 文字の左に余白 */background: #daa520;} /* 背景色 */
    .main-navigation {margin-bottom:20px;}

    /* パンくず */
    div#breadcrumb div {line-height: 20px; /* 文字の高さ */display: inline; /* 横並びに */}

    /* パンくず位置調整 */
    div#breadcrumb {margin:0px 0 20px 0;}.site-header {padding: 24px 0 0 0;}

    /* 見出しh2 */
    .entry-content h2 {border-left: 5px solid #daa520;padding: 0 0 0 15px ;line-height: 2;font-size: 18px;background-color: #fff;}
    .entry-content h2 {border-right: 5px solid #daa520;padding: 15 0 0 0px ;line-height: 2;font-size: 18px;background-color: #fff;}

    /*一覧のアイキャッチ画像*/
    div.entry-post-thumbnail {float: left;margin: 0 10px 10px 0;}

    /* コメント欄の項目を非表示 */
    .comment-form-email {display: none;}.comment-form-url {display: none;}.form-allowed-tags {display: none;}

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • rsghx さん こんにちは。

    こういう場合は css ではない場合が多いです。

    テーマの header.php の一番最後の

    <div id="main" class="wrapper">

    <div id="main" class="wrapper

    となっているかと。

    トピック投稿者 rsghx

    (@rsghx)

    taku-k様

    ありがとうございます!
    ご指摘を受けたところを修正したら一発で直りました。
    2,3日これに悩まされて、記事も手をつけられなかったので、本当に感謝しております。

    これからは自分でも問題個所を見つけられるように頑張りたいと思います。

    本当にありがとうございました!

    直って良かったです。

    これからも頑張ってくださいね。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「サイドバーがコンテンツの下に表示されてしまう」には新たに返信することはできません。