2006年05月31日
【未解決】ブラウザーとコンテンツの幅について？
[ ＣＳＳ
]
ＣＳＳで固定幅２段組（メインコンテンツとサイドバー）のスタイルを指定した場合（例えば、この引越し関連ページ）、２段組を囲む幅とメインコンテンツ幅＋サイドバー幅との関係がブラウザーにより違い、２段組を囲む幅がある程度余裕がないとサイドバーが回り込んでくれないものがある。
どうして？
ＩＥ６．０（ＳＰ２）の場合は、「width」属性で指定する幅で考えれば、「float」属性で回り込むが、Ｎｅｔｓｃａｐｅ７．１や・Ｆｉｒｅfox５．０３では、２段組を囲む幅をある程度余裕をもった幅でないと回り込まない。
原因がわからない現状ではどの程度余裕を持たせれば良いのか判断できないため、少しずつ「width」の値を大きくしていって見て行くしかない。
なお、ＩＥには次のような標準的な仕様と異なる部分があるようであるが、上記のことはそれだけでは解決できない。
Windows版のＩＥ４．０～５．５と６．０の互換モードでは、「width」と「height」属性は本来ボックスの内部部分の幅や高さを設定するはずのものが、ＩＥでは枠線(border属性）と内容の周りの空間（padding属性）も含んだ領域の幅や高さとして設定されてしまう。⇒「HTML&CSS&JavaScript辞典」P.251より
投稿者 Yasuhiro : 01:44 | コメント (0)
2006年05月30日
【未解決】background属性でイメージ表示できない？
[ ＣＳＳ
]
background属性でイメージを指定しても、ブラウザーにより表示されないものがあるけど、どうして？
例えば、
１）この引越し関連ページの場合、CSS上で「h2」タグに対して、backgoround属性で背景イメージを指定いるが、ブラウザーにより次のとおりになる。
・ＩＥ６．０（ＳＰ２）…表示される。
・Ｎｅｔｓｃａｐｅ７．１…表示される。
・Ｆｉｒｅfox５．０３…表示されず。
２）この引越し見積りページの場合、CSS上で「h4」タグに対して、backgoround属性で背景イメージを指定いるが、ブラウザーにより次のとおりになる。
・ＩＥ６．０（ＳＰ２）…表示される。
・Ｎｅｔｓｃａｐｅ７．１…表示されず。
・Ｆｉｒｅfox５．０３…表示されず。
投稿者 Yasuhiro : 22:19 | コメント (0)
2005年08月07日
CSSをちゃんと勉強してみようかな～
[ ＣＳＳ
]
カスタマイズをするためにソースコードを見ていると、CSSの勉強になるな～。
僕はこのブログ以外にHPを公開している。
でも、公開中のＨＰはWEB標準に準拠していなく中途半端にCSSを使ってる。
と言うのも、
もともと公開中ＨＰは一切CSSを使わずHTMLのみで制作。その後CSSを知り対応しようとしたが、その当時のブラウザーがCSSの機能が不十分であり、公開中ＨＰをCSSに対応するのは時期尚早って感じだった。だから、対応も僕自身の理解も不十分になってる。
今更公開中ＨＰを対応させる気はないが、MTをカスタマイズする上でもCSSを理解する必要あるし、またもし今後新たにＨＰを制作することになれば、もうWEB標準にできるだけ準拠したものを制作しないとまずいのでは．．．となると、これを機会にCSSをちゃんと勉強したほうが良いかな～と思い始めてる。
そこで、このブログにはMTだけでなく、CSSについても投稿することに決定！
あ～だけど、もともとブログはあまり時間をかけずにちょっとやってみようかなと言う気持ちだったのに、MTを選んだばっかりに結構時間を取られる羽目になりそ～(T_T)
投稿者 Yasuhiro : 00:22 | コメント (0)
2005年08月06日
【未解決】ブラウザーにより枠線が表示されない？
[ ＣＳＳ
]
エントリー（記事）の投稿日付に対してバックグランドカラーと枠線を表示させたいために、CSS上で「.content h2」セレクタ内にborder属性を設定したところ、
ＩＥ６．０では正常に表示されるが、Netscape７．１やＦｉｒｅfox５．０３では枠線が表示されないけど、どうして？
このことは、この引越し関連ページでも、「#maincontent h3」セレクタ内のborder-bottom属性で発生している。ただ、このページのborder-lift属性はどのブラウザーでも表示されてる。
なお、最初はＮＮ７．１では枠線だけでなくバックグランドのカラーも表示されなかったが、background-color属性を他の属性より前に移動したらバックグランドのカラーのみが表示されるのうになった。これもどうして？