ホーム > iWeb Lab > iWeb Tips > Internet Explorer(IE)できちんと表示させるコツ(2)

あまり行間を詰めすぎても読みにくいので、固定値で7pt〜10ptくらいに設定すると丁度読みやすい状態に出来ると思います。


ちなみにこのテキストも行間は「固定値で10pt」に設定してあります。

当サイトで使用しているテキストは、ほぼすべて「固定値で10pt」にしてあります。

このくらいの行間隔が見やすいと思いますが、適宜ページを確認しながら設定すると良いと思います。

画像をテキストボックスの背景に指定するには、設定するテキストボックスを選択して、グラフィックインスペクタを開きます。

グラフィックインスペクタの一番上にある「塗りつぶし」の項目で、「イメージ塗りつぶし」を選んで、作成した背景画像を選択します。イメージサイズは「元のサイズ」を選びます。

これでテキストボックスの背景画像を設定する事ができます。


この方法を使えば、IE 6で表示してもレイアウトは崩れず、正しく表示する事ができます。

iWeb Tips - iWebのコツ -

 iWebで作ったホームページをIEでも正しく表示させる1 - 行間隔は「固定値」にすべし

iWebで作ったホームページをWindowsのIEで表示させてみると、テキスト部分が正しく表示されていない事がとても多くあります。これは、テキストボックスで設定されている「行間指定」に問題がある事が分かってきました。

iWebで、テキストボックスを選択してテキストインスペクタパネルを開くと、「間隔」の欄に「行」というスライダ(つまんで動かせる目盛り)があります。これが、テキストボックス内の行の間隔を指定するものですが、単位がいくつかあります。

このうち、「固定値」で行間隔を設定すると、WindowsのIE以外のどのブラウザで見ても、MacのSafariやFirefoxなどと「ほぼ同じ」行間に設定する事ができますので、IEで見ても正しく表示をする事ができます。

 iWebで作ったホームページをIEでも正しく表示させる2 - 背景イメージを上手に使う

行間隔の問題の他に、図形や画像を配置した時に「表示位置がずれる」という問題もあります。

下の図を見て頂ければ分かるかと思いますが、当サイトの右側にあるメニューのようなイメージを使いたい場合、図形のサイズが異なってしまい、テキストにかぶってしまったりして、見栄えも悪くなります。

そこで、単純に図形を配置するのではなく、背景イメージを上手に使う事で、IEでもレイアウトを崩さずに表示できます。


iWebで、図形とテキストボックスを組み合わせて使用するとIE 6で、レイアウトが崩れてしまう事があります。そこで、下の図のように、ちょうどテキストボックスと同じ大きさの背景画像を用意して、テキストボックスの背景に指定します。

   インターネットエクスプローラできちんと表示させるコツ(2)

 スポンサードリンク

 公開に関するTips

 iWeb基本のTips

  iWeb Tips:記事一覧

  iWeb Tips 記事一覧

 その他のTips

 アクセスアップ、SEO対策のTips

 iWebの機能、更新に関するTips

運営サイト・ブログ

このサイトはApple iWeb を使用して作成しています。

ご意見などはお問い合わせフォームからお願いいたします。

当サイトは、Yahoo!カテゴリMacintosh > アプリケーションソフト)掲載サイトです。

    iWeb Q&A

スポンサードリンク