タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

CSSに関するkyabetumanzzのブックマーク (4)

  • CSS Lecture: CSS backgroundプロパティについてのまとめ

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • floatボックスが親ボックスを突き破る問題 - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 floatボックスが親ボックスを貫通して表示される問題について。いわゆるclearfixに関するアレコレ。 親ボックスの中に「box_A (float:left;)」と「box_B (float:right;)」があるとする。OperaやFirefox等のモダンブラウザで見てみると、中身(floatボックス)の高さが親ボックスに反映されていないことが判る。ちなみに上記のソースは以下。 <div style="width:140px; padding: 10px; border:1px solid #666; color: #333;"> <div style="flo

  • clearfix + Dreamweaver CS3 デザインビューのレイアウト崩れを防ぐ方法

    clearfix を使っているページを Dreamweaver CS3 のデザインビューで見てみると表示がおかしくなり、編集がしにくいんですよね。 このレイアウト崩れを正常に戻す方法をメモしておきます。 ↑ こんな感じで、どこを選択して編集すれば良いのかわかりにくい。 ## [ overflow: hidden; ] を指定する方法 clearfix セレクタの中に [ overflow: hidden; ] か [ overflow: auto; ] を指定すれば良いんだそうです。 ↑ float は解除されたが、float を内包する div の背景画像と背景色は表示されない。 ※ [ overflow: auto; ] を指定した時 Safari での表示がおかしかったので、私は [ overflow: hidden; ] を使う事にします。 ### 問題点とかヒントとか – あくま

    clearfix + Dreamweaver CS3 デザインビューのレイアウト崩れを防ぐ方法
  • 積極的に取り入れたい9つのCSS3(+jQuery)テクニック

    CSS3(+jQuery)を使った、ちょっといいかも!と思うエフェクトを集めてみました。 まだまだ非対応ブラウザが多い CSS3 ですが、できるだけ積極的に使ってみたいなーとも思ってます。 まずはいろいろ試してみることからはじめてみましょう! CSS3 の登場で、いろんな CSS のトリックを使ったエフェクトが考えられてます。まだまだ CSS3 に非対応のブラウザも多いので、全てを CSS3 で表現する訳にはいかないのが現状ですが、私的には積極的にどんどん取り入れていきたいなーとも思ってます。 海外ブログなどで、色んな CSS3 を使った Tips が紹介されているので、その中からいくつかご紹介します。どれもサンプルを作って試してみたものばかりです。以下の環境で動作確認もしています。 Mac : firefox、Safari、Chrome Win : firefox、IE8、Safari、

  • 1