[B! css] jama23のブックマーク

3カラムCSSレイアウト例

ページの両端にメニューや広告（Affiriate）、中央にコンテンツを配置する「3 カラム段組レイアウト」の例です。ここでは、従来からよく使われている、position、float プロパティと display: table-cell を使用した例について記述しています。現在は、高機能でマルチスクリーン、レスポンシブに対応できる、新バージョン CSS3 の「マルチカラムレイアウト」や、「フレキシブルボックスレイアウト」が使えるようになりました。「新しい CSS レイアウトモジュール」を参考にしてください。（2015年 2月）サンプルの基本 HTML サンプルの基本となる HTML の body 内は下記のとおりです。 <div id="wrapper"> <div id="header"> ヘッダー部分 </div> <div id="main"> <div id="menu"> メニ

jama23 2012/02/07

3カラムのレイアウト参考

リンク

PCサイトとiPhoneサイトを簡単にCSSの切り替えだけで実装する方法│でろぐ

PCサイトとiPhoneサイトを簡単にCSSの切り替えだけで実装する方法 2010年12月30日 (木) 今日は少し勉強になった事があったのでメモがてらのエントリで。まず前提として「PCサイトとiPhoneサイトを同一のファイルでCSSの切り替えだけで実装したい」というのがあります。それはなぜっていうと例えばPCサイト（example.com/）とiPhoneサイト（example.com/iphone）みたいに違うファイルでの切り替えをするのは比較的方法がたくさんあるんですけど、めんどくさがりやな僕は1つのHTMLファイルでそれぞれ最適な見方が出来れば楽じゃね？って思うんです。だって例えばブログの記事書いてそれが違うファイルで出力されるとかになったりすると重複コンテンツなんじゃねとかサーバー負荷高いんじゃねとか色々考えてしまうんですよね。なので今回はHTMLのようなコンテンツ