ホームページのマージンを設定する

ホームページを作成しているときのマージンは実は何もしなければ自動的にマージン が設定されることになっています。ブラウザのフレームからホームページのコンテンツ までのマージンはエクスプローラーやファイヤフォックス、ネットスケープなどのブラウザ によって指定されます。

ただ自動的に指定されてしまうマージンでは思ったように表示されなかったり、設定 されるマージンでデザインを指定しなければならないなどの不利点が沢山あります。 なのでこのマージンを指定してあげるのですが、body leftmargin=""やrightmargin="" など左右のマージンを自由に自分で決めることができます。

Our partners
税理士 東京 →税理士の事ならことサイトです。
電話占い →電話占いに特化した面白いサイトです。
会計事務所 →会計事務所は信頼と実績のこの会社です。

左右だけでなく、top、bottomとかえれば全方向のマージンを指定することができます。 ホームページ自体のマージンでもよいですし、テーブルなどに限定してマージンを指定 することもできます。かなり幅があるので、使いやすいタグです。ただブラウザによって インターネットエクスプローラとファイヤーフォックスでは元々ホームページの見え方 が違うなどの点もあります。

ホームページのマージンだけでなくたとえば画像に文字をのせるような場合にもマージン 指定が必要になります。画像のちょうど良い場所に文字が来るように指定するのですが 基本的には同じやり方です。確認しながらの作業なので少し大変ですが、ブラウザ で見ながら行いましょう。

マージン設定は他のスペース設定と絡んでくるので多少ややこしくなります。他との 関連で設定したとおりのマージンにならない、ということもたくさんあります。ですので すぐにうまくいかない場合は他の設定と見直してみる必要があります。

ホームページのマージンは現在は昔のようにテーブルでサイズを指定するのではなく、 箱のような大きな筒でホームページ全体を指定し、その中でコンテンツ、メニュー、 マージン等も指定します。昔より簡単になってきているというのが率直なところです。

現在はスタイルシートでマージン指定をするのが主流ですが、そのスタイルシートに エクスプローラー用とファイヤフォックス用を別々に指定することでどちらでも同じ ように見せることもできます。これはマージンだけでなくレイアウトそのものにかかわって きますのでぜひ覚えましょう。

Our partners
パワーストーン →パワーストーンのことについてもっと知ろう。
名刺印刷 →名刺印刷はここに依頼しましょう。
電話占い →電話占いならこのサイトが一番です。

マージンの指定は始めはなぜかうまくいかないことが多いです。指定したはずの 数値通りにいかなかったりしますが、そういう場合は大体ホームページ内に指定 してある他のマージンやコンテンツ部分のサイズなどと数字が合致していない場合 などに起こります。

それから文字の大きさですが、小さくしてあるサイトが多いのですが、ぱっと見た目で 読みにくいと訪問者に敬遠される場合が多く出ます。少し大きめですぐに文字が 読めるようにするか、文字の大きさ指定ができるようにするとアクセシビリティが上がります。

画像と文字の間のマージンを設定する場合なども同様に見えやすくしてあげる必要 があります。画像と文字がくっつきすぎても離れ過ぎても見にくくなります。また文字自体 の間隔も空けてあげるとよくなります。

昔よりホームページのマージン設定やタグなどは簡単になってきていますが、計算 した上でのサイト設計等の部分に関しては変わりません。誰でもできるというわけ ではありませんので、ある程度の参考書などの購入は必要です。

数値通りに行かない場合は、スタイルシートで全体の幅、コンテンツの幅、サイド の幅や他に指定してあるマージンをよく確認して数値に計算ミスがないかどうか をしっかり確認するとおかしな場所がみつかります。レイアウトに関わる指定は難しい ことが多いですが、頑張りましょう。

Our partners
プレス加工 →プレス加工なら安心のこの会社まで。
チラシ印刷 →チラシ印刷なら安心のこの会社がベストです。
パワーストーン →パワーストーンの秘密がわかります。
探偵 川口 →探偵を川口でお探しならここで安心です。

マージンを設定してうまくいかない時は関連するスタイルシートの部分を 一つ一つ検証していくしかありません。その場合変更を加える前のものと 加えた後のものを残しておくようにしましょう。


メニュー

お気に入りサイト達

内容の正確性に関しては責任を負いかねます。個人の責任にて当サイトをご利用ください。