[CSS]divなど余計なものを使用しないで、レイアウトをセンターに配置するテクニック | コリス

暮らしカテゴリーの変更を依頼記事元:

coliss.com

582 usersがブックマークコメント

規約違反を報告

[CSS]divなど余計なものを使用しないで、レイアウトをセンターに配置するテクニック | コリス

「<div id="wrapper">」などのラッパーを使用しないで、レイアウトをセンターに配置するスタイルシート... 「<div id="wrapper">」などのラッパーを使用しないで、レイアウトをセンターに配置するスタイルシートを紹介します。デモページ ※スタイルにCSS3を使用しているため、この版はIE6には対応していません。後ほど紹介するシンプル版はIE6に対応しています。「<div id="wrapper">」を使用しないでレイアウトをセンターに配置するスタイルシート元記事ではスタディが段階ごとに紹介されていますが、ここではその最終段階を紹介します。 CSS：シンプル版 <!DOCTYPE html> <style> html{overflow: hidden; height: 100%; background: #c72;} body{overflow: auto; height: 100%; width: 600px; margin: 0 auto; /* center */ padd

記事へのコメント29件

注目コメント
新着コメント

edo_m18 全体より、個別のボックスでこういうのやりたい時のが多い・・。けどこれはこれで使えそう。

2011/06/15 リンク

kk6 div#wrapperがやってたことをhtml要素にやらせてる感じぽい。html {width: 960px;} になってる。そこからはみ出るような要素を扱いたい場合はpositionとかz-indexとか駆使する感じなので結局茨の道な気が…

2012/12/08 リンク

mamehei センター配置

レイアウト

2012/08/18 リンク

diveintounlimit 諸々考えると、やっぱり無駄でも入れとくと思う。

news

2011/07/01 リンク

osaka_akiba これブックマークしたはずだったんだけどな

2011/06/17 リンク

toguo 余計なdivを使わずにコンテンツをセンタリング

dal ブロック要素ののセンタリング

kahan センタリング

css3

2011/06/16 リンク

lotus_tribal これはすごい

koryu_hiro webデザイン

ji_ku Bylineから「<div id="wrapper">」などのラッパーを使用しないで、レイアウトをセンターに配置するスタイルシートを紹介します。 How to Centre and Layout Pages Without a Wrapper まずは、そのデモのフルスタイル版から、ご紹介。フルス