解決済

clip!clip!
Ads By Google

seesaaブログで個別記事に毎回バナーを
貼る設定にしたのですが、そのバナーの
位置を調整する方法。



バナーがコメント欄の左から少しはみだして
いるのと、コメント欄の右端が欠けているのを
バナー位置を調整することによって修正
したいのです。
また、記事本文の最後とバナーの間を
もう少しあけるにはどのように設定すれば
いいのでしょうか?

2006-09-06 23:19の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2006-09-07 10:23:48ベスト
つねに右側のコンテンツが優先されているっぽいので
(左サイドには本文がかぶってるし
本文には右サイドがかぶってる)
サイドバーが大きすぎるのが
問題なんじゃないかと思います。

スタイルシートで両サイドのwidth:**%;を
少し削ってみたらどうでしょう?

編集してないとは思いますが
万が一、本文の大きさや位置を編集しているのであれば
それは全部消してください。

ほんとうにいつもありがとうございます。

1.

2006-09-06 23:56:38
変ですね。
僕の場合、ずれずに表示されています。
もしかしたら、「株ブログ」によるものかもしれませんね。
回答レベル : 回答
Ads By Google

コメント(9)

#1.  ほう
2006-09-07 17:32:51

サイドバーの%を削るとコンテンツタイトルの
画像が切れてしまいます。

CSSでコメント周辺は

#comments {
width: 100%;
margin-bottom:30px;
margin-top:25px;
}

.comments-head{
font-weight:bold;
padding:5px;
margin:0px;
border-top:1px solid #999;
border-bottom:1px solid #999;
border-left:5px solid #999;
color:#999;
}

.comments-body {
margin-top:5px;
color:#999;
font-size:90%;
line-height:120%;
padding:10px;
border-bottom:1px dotted #999;
}

となっています。枠の幅が関係ありますか?

#2.  kavalier
2006-09-07 19:31:53

解決するかどうかはわかりませんが
詳しい構造が知りたいので
すいませんがそのテンプレートの
名前を教えてください。

#3.  ほう
2006-09-07 22:04:10

コメントありがとうございます。
テンプレートはシンプルホワイトです。
表示の幅などは触ったかどうか
定かではありません。
よろしく、お願いします。

#4.  kavalier
2006-09-08 10:24:12

シンプルホワイトだとすると大改造してるんですね。

まず問題は記事タイトルやコンテンツタイトルに
画像を利用している事だと思われます。

それによってサイドバーの%を削ると
問題が発生いるのではないでしょうか。

画像を残して現状維持か
画像を外して問題回避か
の選択になるような気はします。

また、はみ出しているバナーって
記事に直接入力でしょうか?
直接入力なら単純にスペースを空けてやれば直ると思います。

HTMLに入れているのであれば
marginかなんかで調節すると
はみ出しているのも下にずらすのも可能だと思いますが
端の線が切れているのは直せないとは思います。

どうやらご自分で改造したわけではなさそうなので
これからも問題が出るようでしたら
seesaaはデザインをいくつも選択保存が出来るので
現在のデザインは残しておいたまま
新しいテンプレを選択して
いちから作り直すことをオススメします。

#5.  ほう
2006-09-08 11:29:01

>まず問題は記事タイトルやコンテンツタイトルに
>画像を利用している事だと思われます。

違う画像にすれば直る可能性はあると
いうことでしょうか?

>また、はみ出しているバナーって
>記事に直接入力でしょうか?
>直接入力なら単純にスペースを空けてやれば直る>と思います。

>HTMLに入れているのであれば
>marginかなんかで調節すると
>はみ出しているのも下にずらすのも可能だと思い>ますが
>端の線が切れているのは直せないとは思います。

 HTMLです。おっしゃる通りバナーを
ずらすことはできましたが、端の線が
直らないのであれば、バナーを一旦外して
みます。

#6.  kavalier
2006-09-08 12:26:40

>違う画像にすれば直る可能性はあると
>いうことでしょうか?

いや、画像だと大きさが固定されていて
自由がきかなくなるので
できるならタイトルに使用するのはやめた方がいいです。

どうしても画像を使いたいのであれば
サイドバーも本文も
逆に幅を固定してしまったほうが良いです。

が、そうすると
のちのちプチ改造がどんどんしにくくなるので
オススメはいたしません。

#7.  ほう
2006-09-08 14:44:05

<div class="posted">posted by ~~
の行の直前に貼り付けていたのを、
</div>
<% /if -%>
<div class="posted">posted by ~~
となっている、</div>の前に貼り付けて
あとは、<br>を入れると見た目は
うまくいきましたが、問題でてきますか?

#8.  kavalier
2006-09-08 16:22:10

>#7
バナーはうまくいってます。
ただ、個別ページになると見えないんですが
それは再構築してないからなんでしょうか?
それとも、あえてはずしました?

あと、コメントは相変わらず切れてます。
サイドバーと本文も少し狭いとかぶります。

#9.  kavalier
2006-09-09 18:35:29

>変ですね。
>僕の場合、ずれずに表示されています。

多分、それはブラウザを広く使っているとか
表示を小さくしているからだと思います。

ブラウザのサイドにブクマを出していたり
表示を大きめにしていたりすると
サイドがかぶったり、落ちたりしています。

表示方法、ブラウザなど
見る人側としては色々と見方があるので
その辺を想定して
もっと余裕を持って作るか
もしくは完全に固定して作るか
どちらかを選ばれる事をオススメします。

トラックバック(2)

トラックバックURL: