タグ

centeringと!tutrialに関するmimosafaのブックマーク (1)

  • 【CSS】ページの上下左右中央にボックスを配置する時、最低限のマージンを確保するサンプル | バシャログ。

    こんにちは、まだ1月感覚の抜けないhakoishiです。 ただでさえ短い2月、気がついたら「そんなのあったっけ?」になってそうでどうしよう。 さて、今回はページの上下左右中央にボックスを配置する時、最低限のマージンを確保する方法をご紹介します。 言葉では伝えにくいので早速サンプル。 ページの上下左右中央にボックスを配置する時、最低限のマージンを確保するサンプル ウィンドウを広げたり縮めたりしてみてください。 ページ中央に配置されたグレーのボックスが、ウィンドウが一定サイズ以下(このサンプルの場合、ヘッダー、フッターを別として縦400px、横600px)になるとそのままの配置で固定されます。 ※IE7以降対応です。 エラーページとかアクセスマップとか、中身がちょっぴりしかないんだけどちょっとだけこだわりたいなー、なんてページに使うと良いんではないでしょうか? まずはベース。当ブログのこの記事

    【CSS】ページの上下左右中央にボックスを配置する時、最低限のマージンを確保するサンプル | バシャログ。
  • 1