解決済

clip!clip!
Ads By Google

同様の質問がたくさんあるのにも関わらずすみませんが、フリーエリアの枠が取れません。

フリーエリアにバナーを貼るところまではできるのですが、枠からはみ出してしまうため枠だけ取りたいのです。過去の質問を参考に、フリーエリアのバナーのコードに、width="175"height"270"border="0" と入れてみましたが、変わらずに枠からはみ出してサイドバーが落ちます。それと皆様の話が今ひとつよくわからないのは、WYSIWYGエディタの使用と関係あるのでしょうか?また、バナーは少し大きめですが、枠さえなければ収まりそうなのです。ちなみにコードは
<script src=' ;でして、枠さえなければうまい具合に貼れています。又、私のサイトはblog.livedoor.jp/chloe33です。タグとかもいじったことがなく、フリーエリアにこのままタイプすればいい、というような例があるとありがたいのですが。

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

回答(1)

1.

2006-11-19 05:39:57ベスト
サイドバーの特定の箇所だけボーダーラインを取るのは難しいですので、サイド-バーが落ちない代替案を示します。(私の見た限りだと、ボーダーだけ無くしても、マージンとパディングがあるので、やっぱり落ちると思います。)

案1.divで括って、スタイルを設定する
フリーエリアの記述を以下のようにします。
<!--ここから-->
<div style="width:155px;overflow-x:scroll;">
<script src="weather.comのスクリプトURL"></script>
</div>
<!--ここまで-->
(scriptタグはご自身のものに置き換えて下さい。)
これで、改行を<br/>に変換しないで保存・再構築して下さい。scrollと書いてある部分をhiddenにすればスクロールバーは出なくなります。

左の方が表示されるのが、どうしても気に入らなければ、以下をお試し下さい。

案2.divで括った上に、clipする
フリーエリアの記述を以下のようにします。
<!--ここから-->
<div style="position:absolute;">
<div style="position:absolute;left:-10px;width:155px;height:260px;overflow-x:hidden;clip:rect(0px,180px,260px,15px);">
<script src="weather.comのスクリプトURL"></script>
</div>
</div>
<div style="height:260px;"></div>
<!--ここまで-->
こっちだと真ん中の方だけ切り取って表示できますが、調整が面倒かもしれません。一見意味のないdivは必須です。調整できるのは以下の値です。
・left
・rect(上,右,下,左)
・height;2箇所同じ値にして下さい。

ご健闘をお祈りします。
回答レベル : 回答

案1ではなぜか無変化でしたので、案2を試すと、見事に解決しました。ふたつ提案してくださりありがたかったです。案2では、バランスよく真ん中を切り取って下さり、右の文字が切れる所がありますが、バランス的にはこれ以上左に寄せるのも苦しいし、(この調整は私の能力を超えていそうです)これでいきたいと思います。迅速な回答と、親切で大変わかりやすい説明、ありがとうございます。今日は良く寝られそうです。

Ads By Google

コメント(2)

2006-11-19 05:40:54

ちなみに、このご質問に関して、WYSIWYGエディタは関係ありません。

2006-11-19 18:43:24

ベストありがとうございます。
うまくいってよかったです^^

トラックバック(2)

トラックバックURL: