CSS3のdisplay:box;でボックスを横並びにしたときの違和感と対策 | アルペジオのように
CSS3を使ってボックスを横並びにするには、display: box; を使います。webkit（Safari、Chrome）と mozilla（Firefox）とでは指定の仕方が異なり、それぞれ display: -webkit-box; と display: -moz-box; のように指定します。 試しに、下記のようなコードを書きます。 HTML <div id="ex"> <div>ボックス1</div> <div>ボックス2</div> <div>ボックス3</div> </div> #ex { display: -moz-box; display: -webkit-box; width: 300px; padding: 15px; border: 1px solid #ccc; } #ex div { width: 88px; height: 50px; padding: 5p
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
無駄なdiv要素やclassだらけのマークアップから卒業する方法
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
hail2u.net - Weblog - CSSをはてなに移植してみた
リファラから拾ったChepooka::cssでfloatの振る舞いにトラブってる感じだったので、はてなダイアリーでもうちのサイトみたいなのできないもんかと移植してみました。こちらのエントリの内容は気にしてはいけません。 あるボックスの内容物がfloatされているボックスのみの場合、そのボックスの枠線や背景色、背景画像は内容物の高さに合わせて自動的に高さが調節されないというfloatによるレイアウトでまず間違いなく遭遇するトラブルをどうやって解決するかということになります。 うちのサイトではhtmlとbodyでそれぞれ背景画像を指定することによって、2カラムのベースを作成し、ヘッダやコンテンツの背景画像をその上に重ねることによって、上記トラブルを解決せずに擬似的に実現しています。が、はてなダイアリーではhtmlに背景画像を仕込むのは不可能らしいので別のアプローチが必要になります。 そこで、Q
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
css-lecture.com
