前回のエントリーで、CSSで画面全体に対して天地中央に配置するテクニック（1）として定番のテクニックをご紹介しました。今回は前回の手法の問題点を解決する別のテクニックをご紹介したいと思います。 定番テクニックの問題点のおさらい 定番のテクニックである「絶対配置+ネガティブマージン」にはコンテンツ表示上の大きな問題があります。それは、ブラウザの表示スペース（つまりbodyの大きさ）がコンテンツ表示領域（divなど）よりも狭い場合、コンテンツの全体が表示されないと いうことです。 これをわかりやすく説明するために、ブラウザで表示した例を見てみましょう。ソースは前回のエントリーでサンプ …
Archives
最新100件のトピックスを表示
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開発では難しい、クラスベースでのプログラミングを実現するためのライブラリです。クリエイターの皆様方は是非ご活用いただければと思 …
2009年08月07日14:02
CSS Nite in SENDAI, Vol.4 は8月22日開催♪
2009年 8月22日[土曜日]に、CSS Nite in SENDAI, Vol.4が開催されますよ。 CSS Nite inSendai、今回のテーマは、「Webのこれから」を考えようなんだそうです('v')/ 開催日程は、平成21（2009）年8月22日（土）13:00〜18:00（予定） 開催場所は、エル・パーク仙台 スタジオホール 住所: 〒980-8555 仙台市青葉区一番町四丁目11-1 141ビル(三越定禅寺通り館5F・6F) 参加費用は、事前申し込みをすると、一般参加の場合 通常3,500円のところ、500円引きの価格になりますよ！ …
2009年08月07日10:10
ケータイキット for Movable Typeのインストール(2)...設置編
MovableTypeで携帯(モバイル)サイトを構築、運用することが出来るプラグイン ケータイキット for Movavle Type 前回は、ケータイキット for Movable Type公式サイトのダウンロードページから 推奨バージョンをダウンロードして圧縮ファイルを解凍するところまでやりました。 今回は、ケータイキット for Movable Typeの設置編です。 (Movable Typeがサーバに既にインストール・設定が完了しているものとして話を進めますね) まずFTPなどで、Mobable Typeがインストールされているディレクトリに移動したら、 …
