質問する
質問を探す 詳しく検索する
[PR] PCで実機パチ＆スロ71機種以上が打ち放題！777タウン.net！
[PR] 

お蔵入り

Clip!
金さん
お蔵入り

ブログのトップページが途中で切れてしまいます。

はじめまして。
早速質問です。2段組のデザインを若干いじったＣＳＳを4年前くらい使っているのですが、メインの最新記事の部分が右のサイドバーの末尾にあわせて途切れてしまいます。

普段は、フリースペースに無駄な改行を入れることによって対応しています。
対処の仕方をご存知の方は、ぜひ教えてください。
よろしくおねがいします。

http://blog.livedoor.jp/baystars_intel/
http://blog.livedoor.jp/baystars_intel/
clip


2008-04-14 15:07の質問
ブログ  サイドバー  プラグイン  
ブログ
ブログ のかわいいポータルサイト ヤプログ！
www.yaplog.jp/
この質問は、３０日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google
<<前の質問を見る
次の質問を見る>>

回答(3)

1.

2008-04-14 17:58:04
万年床生活者
IE6でサイドバーの末尾部分までしか記事が表示されない現象ですね。

カスタマイズからトップページHTMLを開いて
<!-- Loop End -->
の真下に
<div style="position:inherit;height:1px;"> </div>
これを挿入して再構築してみてください。


詳しくはこちらを
http://knowledge.livedoor.com/1932

2.

2008-04-15 14:43:05
万年床生活者
すいません、回答１はなかったことにしてくださいswirl
<div style="position:inherit;height:1px;"> </div>
これは消してください。
そしてあらためて以下を試してみてください。

CSS（スタイルシート)を開いて
	#links{
		margin:0 0 0 460px;
		padding:40px 0 50px;
	}
これを
	#links{
		width:185px;
		float:right;
		padding:40px 0 50px;
	}
このように書きかえてみてください。

だめだったらすいませんasease


mannendoco_life
自信度 : 自信なし 回答レベル : 回答

3.

2008-04-16 03:54:18
万年床生活者
3度目の正直になればいいのですが（汗）

トップページHTMLを今度は2箇所編集します。
まずは
<title><$BlogTitle ESCAPE$></title>
この下に以下を挿入してください。
<style type="text/css">
<!--
#links{
	width:185px;
	float:right;
	margin:0;
	padding:40px 0 50px;
}
-->
</style>

次に下のほうへ行き
<div id="links">
この"真上"に以下を挿入してください。
</div><!-- End of content -->

以上です。保存して再構築すれば完了です。


おまけ・検証中のスクリーンショット▼
http://image.blog.livedoor.jp/mannendoco_life/imgs...
※わざと枠線を入れてあります
回答レベル : 回答
Ads By Google

コメント(8)

コメントする
#1.  金さん
2008-04-15 09:22:22

ご回答ありとうございます。
ご指摘のとおりにタグを追加しましたが、変わりません・・・（泣）
何かもっと基本的な欠陥があるのでしょうか？

#2.  万年床生活者
2008-04-15 14:34:39

以前、ライブドア純正であるにもかかわらずこのような欠陥を持つテンプレートがありまして（現行のものはすでに改善されています）回答１の方法でうまくいくことを当時自分自身で確認していたものですからブログをろくに見ずに回答してしまいました。
だめでしたか。すいません。

#3.  万年床生活者
2008-04-15 14:54:14

■業務連絡■

私では無理かもしれません。
CSSが得意な人、助けて～＞＜

#4.  金さん
2008-04-15 16:26:05

わざわざありがとうございます。
ご指摘のように修正したところ、今度はサイドバーが下に下がってしまいました。
ありがちな症状なのでいろいろ検索してみたんですが、解決には至りません（泣）
便乗質問で申し訳ないんですが、何か修正策はありますでしょうか？

#5.  imq
2008-04-15 17:24:11

勘ですけど、
CSSはとりあえず元に戻して、

<br clear="all" />
をテンプレートの下の方にある
<div id="footer"></div>
の上に挿入してみたらどうなりますか？

#6.  マイケル ニコルソン
2008-04-15 17:58:35

#links・#container・#content
等が下にも出てきますね。
重複してるのは問題ないですかね？

#7.  imq
2008-04-15 19:14:33

>>#6
あらら＾＾；
ほんとうですね。

bodyの背景色指定の重複にブラウザ間で微妙な解釈の違いがあって、
IE6以外だと背景まっ白、
文字が見えないです。。

#8.  万年床生活者
2008-04-16 04:08:07

>>#6
ほんとですね。下までちゃんと見てませんでした＾＾；

>>#7
その点は私も気になりましたが私の中ではとりあえずスルーの方向で＾＾；

トラックバック

トラックバックURL: