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;

【今回のCSS】 .clear{ clear: both; visibility: hidden; height: 0;} 【詳細】 回り込みを解除する「clear: both;」の指定方法については色々なパターンがあると思いますが、仮に .clear{ clear: both;} というクラスを作ったとします。これを<br />に指定すれば <br class="clear" /> となり改行で回り込みを解除しますが、本来「clear: both;」はブロック要素でしか使う事は出来ません。しかしブロック要素(div等)に指定すると <div class="clear">テキスト</div> <div class="clear"><img src="1px画像など" /></div> という記述になり、続くコンテンツとの間に出来る"隙間"に悩まされる人も多いと思います。 この問題を解決する

唐木　英明（東京大学名誉教授）の主宰する食品安全情報ネットワークが小学館発行誌ビッグコミックスピリッツに掲載された「美味しんぼ」に対して抗議を行った。 FSINetwork:美味しんぼ「美味しんぼ」第592話での遺伝子組み換え作物および農薬の安全性に関して、 株式会社小学館週刊ビッグコミックスピリッツ編集長宛に情報提供と訂正要望の文書を提出しました。 その後、編集長と話し合いの機会を持つことができました。その結果、編集長は「抗議には根拠がないと考えている」と主張され、合意に達することはありませんでした。しかし、話し合いは必ずしもすれ違いではなく、お互いの立場を相互に理解できたと思います。そして編集長から、今後、食品の安全性について取り上げる機会があれば、今日の話し合いの結果も参考にしたいというコメントがありました。 このことはネット上でも話題になり、J-CASTニュースでも報じられた。 遺

スーパーの牛乳売り場で牛乳を奥側（日付が新しいもの）から購入することについて、思ったことを書いてみます。 奥側の商品の方が新しいというのはスーパーでは「先入れ先だし」という考え方で商品が陳列されているからです。新しく入荷した商品を棚に並べる際に、奥側に置くことで、先に入荷した商品は手前に配置されます。手前側から売れていくことで自然と商品が回転していきます。これは、小売業だけに限らず機械の工場でも同じように部品は管理されているはずです。奥側から商品を購入するということは、この流れを無視して「新しい」製品を入手したいという動機があると思います。私個人が買い物するときには手前側から購入しますが、こうした考えを持つ人はそれなりの数がいらっしゃるようで、たとえば発言小町には次のようなトピックがありました。スーパーで棚の奥から商品をとる。これは非常識？？ では、奥側から商品を購入することは、個人にとっ

すでにニュース等でご存知の方もいらっしゃると思いますが、 『社会派くんがゆく！』で私とコンビを組んでいた作家、 村崎百郎氏が死去しました。 ２３日夕、自宅で仕事中にあがりこんできたファンを自称する 男に刃物で胸を２０数回、刺されて即死状態だったそうです。 犯人は村崎さんの書いた実践本（『鬼畜のススメ』か？） に“裏切られた”と言っているとの報道がありました。 やり場のない怒りに身をふるわせるばかりです。 ４８歳、これから作家としての本領を発揮できる年齢で、と 思うと歯がみしたい思いです。 彼とは１０年にわたり、『社会派くんがゆく！』で、猟奇的 事件を扱った対談を続けていました。その当人が、まさか このような猟奇的事件の被害者になるとは……。 パートナーである森園みるくさんも村崎さん以前からの知り合い であり、一時は村崎さんが露悪的に二人の熱々ぶりを電話で 話してきかせてくれたりして、いいコ

２３日午後５時５０分ごろ、東京都練馬区羽沢２、作家、村崎百郎＝本名・黒田一郎＝さん（４８）方から、男の声で「人を殺しました。捕まえてください」と１１０番があった。警視庁練馬署員が駆け付けたところ、村崎さんが１階リビングで血を流して倒れており、搬送先の病院で死亡が確認された。同署は現場にいた横浜市の無職の男（３２）が容疑を認めたため、殺人容疑で現行犯逮捕した。 同署によると、男は「（村崎さんの）本にだまされたことが分かり、ずっと恨みを持っていた。自宅住所はインターネットで調べた」などと供述しているという。調べでは、男には精神科の通院歴があるといい、動機や刑事責任能力を慎重に調べている。 男は同日夕に村崎さん方を訪ね、１人でいた村崎さんの腹を持参した文化包丁（刃渡り１７．５センチ）で２０回以上刺し、殺害したとみられる。 村崎さんは、妻で漫画家の森園みるく＝本名・黒田比呂子＝さん（５２）と２人暮

２３日午後５時５０分ごろ、東京都練馬区羽沢２丁目の作家村崎百郎（本名・黒田一郎）さん（４８）の自宅兼事務所から「人を刺しました。捕まえて下さい」と男の声で１１０番通報があった。練馬署員が駆けつけると、１階居間で村崎さんが血を流してぐったりしており、病院に運ばれたがまもなく死亡が確認された。 　同署は、現場にいた横浜市の無職の男（３２）が刺したことを認めたため、殺人容疑で現行犯逮捕した。男は調べに「彼の書いた本を読んで、だまされたと思い、恨みを持った」などと供述しているという。同署は男の刑事責任能力を慎重に調べている。 　同署によると、署員が到着した際、村崎さんは居間のソファにもたれ、そばに男が立っていた。村崎さんは腹を中心に二十数カ所を刺されていた。男は凶器の包丁を「殺すために最近購入した」と話し、村崎さんの自宅住所は「インターネットの掲示板を見て、知った」と説明しているという。 　村崎さ