iWeb Tips - iWebのコツ -

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

このページでご紹介している内容は、当サイトの作成環境でのみ発生する問題かも知れません。また、ご紹介した他にも原因があるかもしれません。

iWebに限った事ではありませんが、ホームページをつくる際には、Windowsでの確認もしっかりと行ったほうが良いと思います。

 テキストボックス同士の間隔は「少し広いかな」くらいがちょうど良い

ページに複数のテキストボックスを配置する場合、テキストボックス同士の間隔は、Macのブラウザ(SafariやFirefox)で見た時に、「少し広いかな」と思うくらいにしてください。

ブラウザで逐一確認をしながら調整をする事になりますが、Safariで見たときに、おおよそ30ピクセルくらいの間隔が必要です。

これより間隔を狭く、Safariなどでちょうど良い間隔にしてしまうと、Internet Explorerで見た時に、文字どうしが重なってしまったりして、きちんと表示できなくなります。

当サイトでは、iWebの使い方のトップページ右側のメニューがこれに該当します。

下の図は該当の部分をSafari、Internet Explorerで表示した時の表示を比較したものです。

同じページを表示してもこれだけ間隔が異なります。もしSafariだけ見て「薄く色のついた間隔の部分」を狭めてしまうと、Internet Explorerで見たときに、テキストボックスが重なってしまう事がよく分かると思います。

ちなみにInternet Explorer7で表示してもInternet Explorer6と同様、間隔は狭くなります。

 テキストボックスの背景色を設定する場合

テキストボックスに背景色を設定する場合は、背景色を設定したテキストボックスに文字を書くのではなく、もう一つ背景色が透明なテキストボックスを作って重ねてください。

下の図では分かりやすいように、二つのテキストボックスをずらしています。

このようにしないと、Internet Explorerでは文字の部分だけが、別の場所に表示されてしまう事があります。

下の図では、背景色を設定したテキストボックスに直接文字を書いていて、Internet Explorerで表示すると文字がずれてしまっています。また、テキストのインデント(テキスト左側の余白)を設定している事も関係しているようです。

テキストボックスを二つ用意すると、下のように正しく表示させる事ができました。

  iWeb Tips | バックナンバー

 スポンサードリンク

 iWeb基本のTips

 公開に関するTips

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

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

 その他のTips

    iWeb Q&A

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

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

運営サイト・ブログ

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