2024年03月 / 02月≪ 12345678910111213141516171819202122232425262728293031≫04月
2007.07.26(Thu)

ユニバーサルセレクタ(*)はもう古い?

久々にCSSに関する記事を書いてみるかということでもないけれども、Emotional Webというサイトで、気になる記事を見つけた。

*{ margin : 0 }はもう古い!?
http://www.lllcolor.com/web/css/51.html

全称指定として使う「*」がもう古いというか、海の向こうでは使われなくつつあるというのだ。理由は2つで一つはレンダリングが遅く(重く)なってしまうこと。もう一つが折角ある利用できそうなスタイルさえもリセットしてしまうためだ。

タグ(ブログ内検索もできます)CSS ユニバーサルセレクタ * 全称指定 スタイルシート Web

16:06  |  CSS/XHTML  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑
2007.06.29(Fri)

ブラウザのレンダリングモード切替スイッチ一覧

この本を参考に、HTML(XHTML)のバージョン、XML宣言の有無、DTDの有無によってレンダリングモードを切り替えるブラウザについて調べたことがある。折角なので参考になる人もいるかもしれないから公開してみることにした。
ちなみにDTDとは「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」とあるような文書型宣言のこと。

言葉の意味は次の通り。Old Gecko系:NN6.x、Mozilla1.0、New Gecko系:Fire Fox、Mozilla1.1以上、NN7以上、Safari系:Safari1.0以上、Opera7.x:Opera7以上のことでOperaの情報が古いが、まぁOperaは最もW3Cの仕様に忠実なレンダリングをするので、FireFoxで問題なければまず崩れることはない。Operaで崩れる現象が起きた場合は、それはOperaがおかしいのではなくコードがおかしく、FireFoxの実装がおかしいともいえる場合が多々(逆もあるが)。

S:標準(StandardI)モード、AS:Almost Standardモード、FS:Full Standardモード、Q:Quirksモード(後方互換モード)。標準モードとAlmost Standardモード、Full Standardモードはほぼ同じと考えても差し支えない。ASの場合に若干tableセル内に入れた画像の余白が変わるだけ(と認識している)。

タグ(ブログ内検索もできます)後方互換モード レンダリング IE6 Quirksモード XHTML CSS スタイルシート バグ

12:37  |  CSS/XHTML  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑
2007.03.09(Fri)

XHTML+CSSスタンダード・デザインガイド

XHTML+CSSスタンダード・デザインガイド―XHTMLとデフォルトスタイルシートを基本にしたデザインコントロールの実践

この本はCSSとXHTMLを初めて勉強し始めた、2・3年位前に購入した。正式名称は「XHTML+CSSスタンダード・デザインガイド―XHTMLとデフォルトスタイルシートを基本にしたデザインコントロールの実践」と長ったらしい。

内容は基本的なXHTMLとCSSの解説だが、これが丁寧で初めて触れる自分にも分かりやすかった。周りにWebは勿論、CSSやXHTMLに詳しいというか触りすら分かっている人がおらず、まだtableレイアウトが主流でCSSでフルレイアウトというサイトも少なかった(自分が知らなかっただけかもしれないが)。
時流はXHTML+CSSに移り変わろうとしていた。

タグ(ブログ内検索もできます) XHTML CSS 書籍 スタイルシート お勧め

10:21  |  CSS/XHTML  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑
2006.12.20(Wed)

【CSS】IE7のコメントアウトしないと左右のmarginが反映されないバグ!?

IE7の日本語正式版がリリースされて、暫く立った。
今まで作ったページで特に表示が崩れたり、変になる箇所もなく平穏無事に過ごしてきた。

ある新しいページを作ることになり、IE7で表示を確認するとどーもおかしい。
画像があって、その右側に簡単な説明文が入るというよくみる表示方法でIE7だけで左右のmarginが無視されてしまうのである。

しかも同じようなスタイルを適用している別の箇所では、左右のmarginが効いている。
つまり、同じようなHTMLソースと同じようなスタイルをCSSで指定しているのに、片方は左右のmarignが効き、片方は左右のmarginが無視されているのだ。

一体どういうことだ!?っとソースコードを何回も見直してみるが、誤った記述はない。
あーでもない、こーでもないと色々いじっていたが、全く改善されず。


一行一行シラミツブシにHTMLのコードを読んでいた、ハタと気が付いた。

「コメントアウトの有無じゃねーかよ!!(怒)」

タグ(ブログ内検索もできます)CSS Bug バグ IE7 スタイルシート

10:08  |  CSS/XHTML  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑
 | BLOGTOP |