サイドバーがコンテンツの下に表示されてしまう
-
こんにちは。
すみませんが教えてください。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;}
- トピック「サイドバーがコンテンツの下に表示されてしまう」には新たに返信することはできません。