clearfixでfloatを解除 | d-spica
clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり，途中で切れたりしたことはありませんか。 floatした要素（ボックス）を含む親要素（ボックス）のborderやbackgroundが途中で切れてしまうことがあります。 左の例では，右側のメニューが終わったあたりで，左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない 分かりやすいようにXHTMLとCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;
float解除の決定版。clearfixを考えたら、進化した。
現在この中でclearfixでよく使用されているプロパティは display:inline-block; height:1%(min-height:1%) zoom:1; でも良く考えたら、全て微妙です。 zoom:1はIEの独自仕様ですし、heightを使用する場合は、IE6,7に対応させるために2つのプロパティが必要です。 display:inline-blockもボックスの要素を変形させることになります。 hasLayoutのスイッチを見た時に、一番理に適ったプロパティはwidthかなと思いました。 子要素を囲む要素として、divやulなどデフォルトCSSがdisplay:blockのプロパティのものが多く、display:blockのプロパティの場合、width:100%で問題ないと思ったからです。 現在のブラウザ状況に適したclearfix 上記を踏まえ見直したclearfixが
Mac OS Xターミナル(コマンドライン)の基本 [Mac OSの使い方] All About
Mac OS Xターミナル(コマンドライン)の基本Mac OS X といえば、UNIX。UNIX といえばコマンドラインです。コマンドラインはターミナル（Terminal ）を使って入力する必要があります。必須ではありませんが、使い方は知っておいた方が良いと思います。 Mac OS X の環境をすべて見たり操作したりするにはやはり、ターミナル の知識が必要です。 今回は、「 ターミナルなんて使ったことが無い！」という人向けに、ターミナルの簡単な紹介をします。 ターミナル とコマンドライン まずは、Macintosh HD > アプリケーション > ユーティリティから、「ターミナル」を起動してください。 ターミナルを起動してから行うのは、コマンドライン入力という操作です。ほとんどのパソコンでは作業をするとき、基本的にアイコンのダブルクリックなどでアプリケーションまたは、書類を開いて作業しまが
![Mac OS Xターミナル(コマンドライン)の基本 [Mac OSの使い方] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
解像度（dpi）とは
デタラメPhotoshop 解像度（dpi）とは Photoshopなどのグラフィックソフトを使っていると「解像度」とか「dpi (DPI)」といった言葉や単位を目にします。 「写真を印刷したが、どうもカクカクしている」という経験をお持ちの方もいらっしゃるかと思いますが、これは 「解像度」を理解していない事に原因がある事が多いでしょう。 ここでは、「画像データの解像度」・「スキャナ読込時の解像度」・「プリンタの解像度」・「モニタの解像度」の ３つの視点から説明してみたいと思います。少々ややこしい説明ですが、特にプリンタでの印刷をする場合には必要な 知識ですので、よく読んでみてください。 ▼画像データの解像度 印刷の際にとても大切なのが画像データそのものの解像度です。ただし印刷をしない場合、たとえばホームページのようなモニタ上でのみ画像を使う場合は特に気にする必要はありません。 画像データに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.cybergarden.net/webstandards/campaign.html
