前回のエントリーで、CSSで画面全体に対して天地中央に配置するテクニック（1）として定番のテクニックをご紹介しました。今回は前回の手法の問題点を解決する別のテクニックをご紹介したいと思います。 定番テクニックの問題点のおさらい 定番のテクニックである「絶対配置+ネガティブマージン」にはコンテンツ表示上の大きな問題があります。それは、ブラウザの表示スペース（つまりbodyの大きさ）がコンテンツ表示領域（divなど）よりも狭い場合、コンテンツの全体が表示されないと いうことです。 これをわかりやすく説明するために、ブラウザで表示した例を見てみましょう。ソースは前回のエントリーでサンプ …
Monthly Archives
2010年7月のトピックスを表示
2010年07月15日13:01
CSSで画面全体に対して天地中央に配置するテクニック(1)
画面全体に対して天地中央に配置するようなレイアウトを、Flashサイトなどでよく見かけます。 このレイアウトをHTMLとCSSで実現するテクニックを2回に分けて紹介します。 今回は定番の手法として広く使用されているテクニックについて解説します。 定番のテクニック -絶対配置+ネガティブマージン- まず、以下のような内容のHTMLファイルを用意します。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " …
2010年07月02日16:04
先端研究ブレイドLABオープン。5つ星評価機能でフィードバックが簡単になりました。
本日、株式会社ブレイドは知的好奇心探究サイト 先端研究ブレイドLABをオープンしました。 先端研究ブレイドLABは、株式会社ブレイドが自社で開発したサービス・製品について紹介するサイトです。社員が興味を持った技術を駆使してサービス・製 品へと昇華し、広く世間に対して公表することで、技術ノウハウを共有することを目指します。自社開発製品第一弾として、JavaScriptライブラリ「Blades.js」を公開しました。Blades.jsは通常のJavaScript開発では難しい、クラスベースでのプログラミングを実現するためのライブラリです。クリエイターの皆様方は是非ご活用いただければと思 …
