| 違反投稿 |
サイドバーの特定の箇所だけボーダーラインを取るのは難しいですので、サイド－バーが落ちない代替案を示します。（私の見た限りだと、ボーダーだけ無くしても、マージンとパディングがあるので、やっぱり落ちると思います。）
案１．divで括って、スタイルを設定する
フリーエリアの記述を以下のようにします。
<!--ここから-->
<div style="width:155px;overflow-x:scroll;">
<script src="weather.comのスクリプトURL"></script>
</div>
<!--ここまで-->
（scriptタグはご自身のものに置き換えて下さい。）
これで、改行を<br/>に変換しないで保存・再構築して下さい。scrollと書いてある部分をhiddenにすればスクロールバーは出なくなります。
左の方が表示されるのが、どうしても気に入らなければ、以下をお試し下さい。
案２．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箇所同じ値にして下さい。
ご健闘をお祈りします。 |
