タグ

floatに関するt-w-oのブックマーク (3)

  • 若干無重力っぽくなれるタンクに入って60分間瞑想してきた。※訂正しました! - 手の中で膨らむ

    4/10 15:30追記 ※思いのほか反響が大きく多くの人に誤解を生んでしまったので誤りを訂正します。タンクに入ると塩水で体が完全に浮かぶんだけど決して無重力ではないです。無重力は体験できません。失礼しました! 先日友人がFacebookでポストしていて物凄く興味がわいたので、アイソレーションタンクなるものに入ってきた。タンクの中には濃い塩水が張ってあって、この中に1時間〜2時間浮いた状態でただぼーっとするのだ。そもそも泳ぎは苦手だが水に浮くのはとても好きで、いつか死海に行ってみたいと思っていた。だから今回はその予行演習、って感じで、どうも〜楽しみにしてきました〜って感じで、ウキウキしながら白金高輪・フロートセンターさんを訪れたところ、普段あまりそういう人はここにはこないんですよ、と代表の原田さん。瞑想を日常的にやる人や、ジョン・C・リリー博士(タンクを発明した人らしい)に精通している人な

    若干無重力っぽくなれるタンクに入って60分間瞑想してきた。※訂正しました! - 手の中で膨らむ
  • CSSでfloatを解除する方法のまとめ

    CSSのfloatを解除(クリア)する方法をまとめてみました。 以前、floatを解除するテクニックとして以下の記事をエントリーしたのですが、その後色々なテクニックがあることに気がつきました。 CSS の after 擬似要素で回り込みを解除する ということで、そもそものfloatの問題(というか仕様)と、その対処方法についてネットで調べた情報を一通りまとめました。 1.floatにより親要素の高さが出なくなる(=背景がなくなる)問題 親要素の中にある子要素にfloatプロパティが設定されていると、内容をもたない親要素の高さが0になるという仕様になっています。 例えば、次のCSSHTMLを例にします。 <style> #container { width: 200px; background: #ddd; } .box { width: 25px; margin: 10px; paddi

    CSSでfloatを解除する方法のまとめ
  • CSS:初心者の頃にハマったスタイルシートのあれこれ … IE7多め

    CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの?というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない

  • 1