もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳

2011/01/05 712 users script src class type CSS レイアウト

CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="t... 続きを読む

少しのコードで実装可能な20のCSS小技集 | Webクリエイターボックス

2010/04/14 2024 users 実装 Webクリエイターボックス CSS小技集 コード 少し

CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ サンプル まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをa... 続きを読む

わずか四文字でIE6/7/8を区別するCSSハック | コリス

2010/03/29 661 users コリス GRE RED color IE6

「\」「9」「*」「_」の四文字だけで、IE6, IE7, IE8を区別するCSSハックをNettur+から紹介します。 Quick Tip: How to Target IE6, IE7, and IE8 Uniquely with 4 Characters IE8とそれ以下 body { color: red; /* all browsers, of course */ color : gre... 続きを読む

IE 6とIE 7のためのCSSハック16選（1/3） - ＠IT

2009/11/17 543 users IE 6 IE 7 レンダリングエンジン Webデザイナ 前回

有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通... 続きを読む

IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT

2009/10/08 1122 users IE 6 9つ

有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ... 続きを読む

CSSハックしない、JavaScript使わないCSSの教科書みたいなテンプレ*ホームページを作る人のネタ帳

2008/06/17 642 users テンプレ CSS ソース 英語 ダウンロードファイル

あとで絶対活用してみたいと思いましたので一応書いておきます。 『誰でも使っていいよ！』との事なので興味のある方に。 CSSハックをしない、JavaScriptを使わないというもの。 参考：CSSハックってなんぞえ？ 詳細は以下に。 テンプレート色々 基本はダウンロードファイルは見つからなかったので各ページでソースを表示して参考にする感じ。 英語がわかる人は作者サイトから見た方が早いかも。 作者サイ... 続きを読む