タグ

CSSとblogに関するnaogoのブックマーク (4)

  • Bos138

    Selamat datang di Bos138, situs games online terkemuka yang siap memberikan Anda pengalaman bermain terbaik dan paling menguntungkan. Sebagai salah satu situs games online yang paling terpercaya, kami menawarkan berbagai macam permainan mulai dari taruhan olahraga, kasino, poker, hingga permainan slot yang seru dan mengasyikkan. Kami memahami bahwa kenyamanan dan keamanan adalah prioritas utama ba

    naogo
    naogo 2010/03/09
  • jQuery自作:”jQuery SameHeight Plugin”を使いたいセレクタを指定して使えるようにした

    先日作った「jQuery SameHeight Plugin」 今まではclassにsameHeightをつけなければ使用できませんでしたが、 ブクマコメントに、「$('hoge')sameHeight();みたいに使いたい」 というのが書いてあったので、対応してみました。 今までどおり、class="sameHeight"に対応はもちろん、 ユーザー指定のセレクタにも対応するようにしました。 ダウンロードして使用してください。 リンク先を保存で保存できます。 ダウンロード:jquery.sameHeight-1.1.js 動作を確認したブラウザは Firefox3、IE6、IE7、Safari3、Opera9.6、Chrome。 今回も、SafariとChromeemなどの指定には対応できていません。 (高さがうまく確保できないですが、一応揃います。) 使い方 jQueryが無いと動か

    jQuery自作:”jQuery SameHeight Plugin”を使いたいセレクタを指定して使えるようにした
  • overflow:hiddenでfloatをclear - とその理由 | Takazudo Clipping*

    以下のように指定するとfloatをclearできる模様。 <div class="Box1"> <div class="L">something long text</div> <p>something short text</p> </div> .Box1{ width:400px; overflow:hidden; } .L{ width:130px; float:left; } overflow:hiddenでfloatをclearしたサンプル これで:afterでゴニョゴニョやったりclear:bothを利用しなくてもfloatがクリアできるみたいです。以下のページで知りました。 画像が消えたり、繰り返さなかったり系が解決しそうなこと overflow:hiddenって、飛び出たのクリップされるんでないの? しかし、普通に考えると、これでなぜfloatがクリアできるかは甚だ疑問です

  • IE6とFireFoxで知っておくべきmarginに関するCSSハック | ユージック

    IE6とFireFoxで知っておくべきmarginに関するCSSハック 2006年8月18日 今回はコーディングでよく悩まされるIE6とFirefoxでのmarginに関するCSSハックをご紹介します。 たとえば何かのブロック要素をfloatで右か左どちらかに寄せてしまうと、marginのautoが効かなくなります。 その場合は、普通にpxで幅のmarginを合わせることになります。 しかし、IE6とFireFox(FireFoxでなくてもW3C推奨ブラウザ)ではmarginの解釈が異ます。 例えば、左右に10pxをとるとすると、IE6では左右に20pxづつmarginをとったように表示され、レイアウト崩れが生じてしまいます。 これはIE6がCSSに完全に対応していないために起こる現象なので、けっして自分の失敗ではないということを知っておかなければなりません。 対処方法として、IE6だけに

    IE6とFireFoxで知っておくべきmarginに関するCSSハック | ユージック
  • 1