CSS-FAQ

FAQ

NS6(7)で横スクロールバーが出てしまう(IEでは出ない)

WinIEのボックスモデルが間違っているからです。WinIEは、ボーダー領域+パディング領域+内容領域 の幅で計算されてしまいます。MacIE5やNS6では正しく計算されます。WinIE6標準準拠モードでは、正しく計算されるようになりました。

NS6,7でtext-align: center;がブロック要素に効かない

IEの実装が間違っているので、NS6,7の動作が正解。

疑似フレームをCSSで作成したい

以下のページを参考にしてみてください。

段組を作るには？

以下のページを参考にしてください

フロートが崩れます(MacIE,Opera)

floatさせる要素にはwidth指定が必須です(img要素を除く)。CSSの仕様書の決まりですが、WinIEが勝手に補っているだけです。

HTMLの要素・属性をCSSで記述すると？

下記をどうぞ。テーブル・レイアウトは、段組を参照してください。

MacIEのバグ対策を教えてください。

「バグ辞典」を見て研究してください。参考サイトを以下においておく。

バグ辞典のほうにも、振り分けの方法などが書いてあり、便利です。また、現在サイト全体がダウンロードできるので、ダイヤルアップ回線でも便利です。

画面中央に配置するには？

スタイルシート 縦中央(垂直中央)

アンダーバー(_)はクラス名に使えますか

使えます。ただし、一部ブラウザでは対応していないようです。

背景画像を二つ指定するには？

あまり薦めたくありませんが、汎用ブロックを使います。

HTML:
<div><h1>背景画像が二つです。</h1></div>
CSS:
div {background: url("hoge.png") red repeat-y;}
h1 {background: url("fuga.png") gray no-repeat;}

上記のような例で可能と思われます。