前からどうにかしたいと思っていた、プロチューNAVIのアマゾンのウィジット。

さすがに横幅700Pxは無駄にでかい。

もうひとつ、なんかガジェットかウィジットを入れたたいと思っていて見つけたのが、相田みつをのブログパーツ。http://www.mitsuo-tv.com/ouenka/blogparts.php

ブログパーツを張ったプロチューNAVIを見る

ただ、残念なことに、サイズのカスタマイズができないので、アマゾンの方を相田みつをにあわせることに。

結果として、縦幅を265pxにして、ブログパーツと同じ高さに設定し、420pxに設定することにしました。

どうやら、相田みつをのブログパーツは、左右にマージンが取ってあるみたいで、アマゾンとぴったりくっつかない。

アマゾンの横幅420pxというのは、相田みつをが表示される、最大の横幅みたいです。

2つを横に並べるために、アマゾンのコードの前後に

<div style="FLOAT: left">(アマゾンのコード)</div> とタブをうちました。

問題は、上の大学フェアのバナーとのマージンです。

アマゾンと相田みつをの間に空白ができたので、今までのように上のバナーとくっつけると、なんかかっこ悪い。

そこで間に改行を入れて離そうとしたのですが、QHMの改行のおまじない &br; だと、例のごとくIEで見え方が変わっちゃう・・・

いろいろやってみた結果、一番見え方にずれがなかったのが

#html{{
<br>
<br>
}}


でした。・・・ああ、改行にすらHTMLコードを使うことになるとは・・・。