テストを解いてみる

http://3ping.org/2007/11/14/1530

よくのぞいている、3ping.orgさんのエントリ。
webの専門学校の先生をされているそうで、その授業で出題した問題を載せておられます。
普通にわかるハズなんだけど、テストとして出されると、ちょっととまどったりして。
僕は、昔はフレームを多用してた派なんですが、テーブルレイアウトはあまりつかっていなくて、だから、今のcssでのレイアウトにあまり違和感がなかったのかな、とか思います。

clearの本当の意味

http://mb.blog7.fc2.com/blog-entry-62.html

ここ最近で、一番「目から鱗」って感じだった、衝撃の事実。
clearは、floatを解除するんじゃなくて、clearを指定した要素が、floatさせている要素よりも下に来るように、上マージンをつける、とのこと。

これで、あぁ、なるほど！だからclearを指定してる要素に上マージンが指定できないわけだ！ととても関心した。
これを知っていると、ちゃんと意識して、上の要素にマージンボトムつけたりとかできるようになった。

IEでのCSSのバグの（だいたいの場合の）正体 hasLayout

いまさらですが、hasLayoutについて。
http://coliss.com/articles/build-websites/operation/css/143.html
IEの独自拡張、hasLayoutプロパティがfalseになっているとバグが起こることがあるということですよね。
回避方法として、height: 1%;　や、widthを指定するなどが一般的なようです。
zoom: 1;も、IEの独自拡張なので、IEのバグはIEの独自拡張で直すといった感覚で、僕はこれ結構好きです。
ただ、zoomは、バリデータを通すとエラーがでちゃいます。

height:1%;は、サイドのナビゲーションをリスト表示させているところに使った時、IE７で、リストが縮まってしまったことが、何度かあるので、注意が必要かと思います。
常に幅を意識して、数値入れるようにしておくのが、堅実って感じですね。

clearfixをoverflowで

コーダーにとって、一番やっかいな問題は、フロートに関するあれこれだと思うんです。
そして、clearfixが当たり前のように使用されていたし、自分も多様していたんです。
clearfixについて、いまさらわざわざ僕が語ることもないので、ご存じない方は以下で検索してみてください。
clearfixをgoogleで検索

さて、本題ですが、いままでclearfixを適用させていたボックスに、overflowと、幅（など）を指定すればよいとのこと。
これを（おそらく）一番最初にウェブ上に公開した、clearing floatsでは、

div.container {
border: 1px solid #000000;
overflow: auto;
width: 100%
}
(CSS - Clearing floatsより)

というソースを書いている。
僕は、幅を100%で指定すると、なんだかカラムが落ちちゃったりするおぼろげな、苦い記憶があるので、
width: 100%
ではなく、
height: 100%;
を使ってます。
ブラウザでチェックして、万一おかしければ、hasLayoutのほかの要素を指定すればいい訳だと思うので、いろいろ試してみるのがいいと思う。
とりあえず、僕は今のところ、これでいってます。
ただ、MacのIEでは不具合があるみたい。

しかし、これの最大のメリットは、dream weaverのデザイン画面でもきれいに表示されるということ！
clearfixだと、分かっていながらもガタガタに崩れたデザイン画面で作業をすすめないといけないことにかなりストレス溜まってました。

えーと、hasLayoutとか、clearのこととか、ちゃんと書き留めておかないと！ということがまだまだあるので、またの機会にその辺も書き留めることにします。

iPod classic快調でつ。

ずっと第3世代のiPodを使っていたのですが、通勤の行きの電車で電池が切れてしまうようになり、先日、iPod classic 80GBを購入したのですが、これがまた、快調です。
とりあえず、充電しなくてもかなり長い時間使用できます。

そして、なんといっても、動画が見れるようになったことでしょう！
ネタフルさんで紹介されていた、iTubeを使用して、YouTubeの動画も持ち運べるようにしたし、こりゃ良いですな。
連続でダウンロードすると、同じ名前で上書きされてしまうので、落としたものの名前を変えて保存してから、新しいのをダウンロード、という手順は踏まないとだめそうなんですが、インターフェースのカンタンさと、動画を持ち運べるというメリットには十分見合う労力ですね。

Fireworks8

fireworksMXでは、どのオブジェクトも（ロックしているレイヤーのものでなければ）選択できるんですが、fireworks8では、どうも選択しているレイヤーのオブジェクトしか選択できないようなんです。
この設定の変更方法ご存知の方いらっしゃいましたら是非教えていただきたいです。
それほどに、この仕様は作業に支障をきたす！

続きを読む