ホームページを中央に表示させる方法
ホームページのコンテンツをページの中央に表示させる方法です。
ホームページをいろいろ見ていると、左よりのページと中央に
寄っているページとがありますよね?
どちらも、メリットデメリットはあるのですが、左よりだと、
大きくしたときに右側が大きく開いてしまってなんだかかっこ
悪い感じもします。
だから、中央に寄せてしまいましょう!
ページの中央に表示させる方法は、CSSで設定します。
まず、ホームページの大枠を決めます。
この大枠は、divでせってしてもいいし、tableで設定しても
いいですが、SEO的にはdivでやったほうがいいでしょう。
たとえば、大枠を、siteboxにするとします。
そのsiteboxのCSSを設定します。
#sitebox{
width:760px;
margin-right: auto;
margin-left: auto;
}
このように、marginの左右をautoにすると、中央に寄せて
表示できます。
align="center"でもできると思うのですが、alignは古い手法と
なっているので、あまり使わないほうがいいでしょう!
width:760pxとなっているのは、横スクロールを使わないで
どのPCでも閲覧できる幅が760pxくらいだからです!
ホームページをいろいろ見ていると、左よりのページと中央に
寄っているページとがありますよね?
どちらも、メリットデメリットはあるのですが、左よりだと、
大きくしたときに右側が大きく開いてしまってなんだかかっこ
悪い感じもします。
だから、中央に寄せてしまいましょう!
ページの中央に表示させる方法は、CSSで設定します。
まず、ホームページの大枠を決めます。
この大枠は、divでせってしてもいいし、tableで設定しても
いいですが、SEO的にはdivでやったほうがいいでしょう。
たとえば、大枠を、siteboxにするとします。
そのsiteboxのCSSを設定します。
#sitebox{
width:760px;
margin-right: auto;
margin-left: auto;
}
このように、marginの左右をautoにすると、中央に寄せて
表示できます。
align="center"でもできると思うのですが、alignは古い手法と
なっているので、あまり使わないほうがいいでしょう!
width:760pxとなっているのは、横スクロールを使わないで
どのPCでも閲覧できる幅が760pxくらいだからです!
「ホームページを中央に表示させる方法」はいかがでしたか?
他にもいろんな情報が満載です!
どうぞごゆっくりご覧ください!