こちらのテンプレート
http://labyrinth2014.blog.fc2.com/
記事が長くなると、右サイドメニューの背景が
下部のフッターから離れてしまいます。
この背景は画像になっていますが、記事の長短に関わらず、
フッターまで伸ばすには(繋がるように)どうしたらよいでしょうか。
/* 全体の幅 -------------------------------------------------*/
#container{
text-align: left;
width: 950px;
padding: 0px;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
margin:0 auto;
line-height: 110%;
background-color: #fff;
}
/* 右カラムの幅 -------------------------------------------------*/
#right{
float : left;
width : 280px;
overflow: hidden;
background-color: #eee;
background-image : url(http://blog-imgs-35.fc2.com/w/e/b/weboook/gray3. …
background-repeat:repeat;
}
/* メインの幅 -----------------------------------------------*/
#main {
float : left;
width : 670px;
margin:0px;
padding: 0px;
overflow: hidden;
}
・
・
・
中略
・
・
・
/* サイド右側*/
.sidetitle{
color: #333;
font-size:16px;
font-weight : bold;
text-align: left;
background: url(http://blog-imgs-35.fc2.com/w/e/b/weboook/whitel … repeat;
padding: 5px 5px 6px 8px;
margin : 0px 0px 0px 0px;
}
.sideblock{
font-size:12px;
line-height: 150%;
padding: 10px 5px 10px 5px;
margin-bottom:15px;
}
.side ul {
padding: 0px;
margin : 0px;
}
.side li {
list-style-type : none;
display:block;
text-align: left;
font-size: 12px;
color:#333333;
line-height: 130%;
}
.side li a {
padding:6px 5px 5px 10px;
display:block;
border-bottom:1px solid #ddd;
}
.side li a:hover{
background-image : url(http://blog-imgs-35.fc2.com/w/e/b/weboook/bgGray …
background-repeat:repeat;
text-decoration:none;
padding:7px 4px 4px 11px;
}
よろしくお願いします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
>右サイドメニューの背景が下部のフッターから離れてしまいます。
それがフツーなのだが、それを意図どおりにするには 「CSS だけでは限られた場合にのみ」であるから、フツーは jQuery などの javascript を用いて行う。
ライブラリがいくつかあるので、試してみるしかない。
https://www.google.co.jp/search?client=ubuntu&ch …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
fc2ブログのアクセス解析がう...
-
アメーバのブログ 画像の貼り付け
-
CSS html ブログの横幅の編集
-
bloggerブログで画像の枠を消す...
-
wordpress カスタムフィールド...
-
お世話になっております。fc2で...
-
FC2ブログ タイトルの文字を...
-
さくらブログ(シーサーブログ...
-
tumblrのカスタマイズ
-
Movable typeにてスタイルシー...
-
HTML&CSSとwordpressの違い
-
FC2ブログ アクセス解析が反映...
-
ライブドアブログ親子カテゴリ...
-
FC2ブログにアフィリエイトを...
-
工数表のテンプレートってない...
-
FC2ブログ アクセス解析の設置...
-
FC2ブログ IndexページのIndex...
-
ライブドアブログにアフィリサ...
-
FC2アクセス解析のが表示されま...
-
fc2ブログ、記事のタイトルにリ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
中央寄せの解除
-
ライブドアブログにおいて記事...
-
ブログのデザインがずれる原因
-
2beeブログで行間と文字の間隔...
-
ライブドアブログのサイドバー...
-
FC2ブログで引用に背景色をつける
-
WordPressのヘッダー上部の余白
-
IE6だけ何故か左寄せになります
-
ブログ記事内に文章を左右2列に...
-
wordpress カスタムフィールド...
-
FC2ブログの右サイドバーが落ちた
-
アメブロをFireFoxでみると…
-
アメーバブログの両サイドの余...
-
FCブログの文字の大きさについて
-
本文の文字を大きくしたい
-
アンドロイドで文字が左に偏る。
-
tumblrをやっている方、jsやcss...
-
アメーバのブログ 画像の貼り付け
-
水平線<hr>で途中から線種を変...
-
ライブドアブログの「ホワイト...
おすすめ情報