ウノウラボ Unoh Labs: IE6 CSS 『border-leftとpadding-bottom』の謎
こんばんは、sashaです。 次のような形のスタイルを実装しようとしていて、 実例 posted by (C)フォト蔵 IE5.5や6でこんな状況に出会ったことはありませんか？ （赤と青のボーダーは、elementの境目がわかりやすいように入れてあります） 実例バグ posted by (C)フォト蔵 どこがおかしいかお分かりになりますでしょうか。2項目目の赤と青で囲まれたテキストが、左に飛び出ていますね。その下にあるテキストまで、左にずれてます。 これは、多くのデザイナーの悩みの種である、「IE」の代表的なバグのひとつです。 このバグを再現させるのに必要なことはたったこれだけ。 「divの中にdiv」など、ブロック要素を2重にする 外側のブロック要素に、border-leftとpadding-bottomを定義する 以上。これだけでIEさんの地雷を踏めます。 以下のH
秀丸エディタの強調表示定義ファイルを作ってみた｜CSS HappyLife
会社で秀丸Loveな人が居て、その影響かわからないけれどいつの間にかメインエディタが秀丸になっていたのですが、特に機能を使いこなすでもなく、ナニをする訳でもなく使っていたんですが、土日の暇な時間に何となく自分用の強調表示定義ファイルを作ってみました。 ---- こっから続き 元々便利な秀丸さんですが、コレでちょっとだけCSSに特化したエディタになるかもです。 まずスペルを覚えるのが苦手なボクでもチョットだけミスが減らせます。 あと、カラーがDreamweaverっぽくなります。 むしろメインはそっちです。 Dreamweaverのカラー設定に慣れていたのであわせようかなーから派生して、気付けばプロパティ定義してました。 取り合えず、オフィシャルのファイルライブラリに置くほど手間の掛かってるモンじゃないので、ココでひっそりと公開です。 ちなみに定義しているプロパティは、CSS2.1辺り
GIGAZINE - 使えるCSSコードいっぱい「Dynamic Drive CSS Library」
CSSを使ったタブ型の各種メニューとか、CSSによる画像のポップアップとか、ドロップシャドウやページカールの作り方などのコードが実際の例と一緒に置いてあります。実例を見てから選ぶことができるので、希望通りのものが手に入りやすいです。 Dynamic Drive CSS Library- Practical CSS codes and examples http://www.dynamicdrive.com/style/ RSSもあるので新しいコードが追加されればすぐにわかります http://www.dynamicdrive.com/style/csslibrary/rss/ コードの種類としては以下のような感じでカテゴリ分けされています。 横型のメニュー http://www.dynamicdrive.com/style/csslibrary/category/C1/ 縦型のメニュー h
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caramel*vanilla » CSSでドロップ&シャドウ