私はウェブサイトをデザインしました : http://piratesofpopulous.comli.com/ そして私はまだそれに取り組んでいます. しかし問題があります. 私のウェブサイトはすべてのブラウザで同じデザインではないようです. Chrom と Mozilla では, できます.いくつかの半径を参照してください。しかし、IE では表示されず、レイアウトが完全にめちゃくちゃです。修正方法を教えてください。
「border-radius and margin」が IE で正しく表示されません。IE でそれを行う方法はありますか? PHP と HTML で doc タイプを定義していませんが、問題になる可能性はありますか?
また、私のページはすべて* .php 形式です。それらには HTML がありますが、拡張子は .PHP です。つまり、IE をサポートするためにドキュメント タイプとその他の境界半径属性を定義する必要がありますか?
助けてください。そうしないと、私のクラン メンバーが私のサイトに参加しません。
最初に、doctype が重要かどうかを尋ねられましたが、答えは非常に大きな YES です。
次の行を HTML コードの最上部 (<html>タグの上)に追加します。
<!DOCTYPE html>
これは、余白やその他の奇妙なレイアウトの問題を解決するのに役立ちます。Doctype がない場合、IE は「quirks モード」に入ります。これは、他のすべてのブラウザーとは異なる動作をする非常に古いモードです。
border-radiusIE9 を使用している場合は、および問題にも役立つ可能性がありますbox-shadow。IE9 はこれらの機能をサポートしていますが、Quirks モードではサポートしていない可能性があります。
IE8 以前を使用している場合、ブラウザはborder-radiusorをサポートしていませんbox-shadow。私のアドバイスは、これらの機能がなくても Ie8 ユーザーをそのままにしておくことです。あなたのサイトは見栄えがよくないかもしれませんが、使用可能であり、ブラウザをアップグレードするよう促すかもしれません.
これらの機能を IE8 で本当にサポートしたい場合は、 と の両方の機能を IE に追加するCSS3Pieというスクリプトがあります。リンクをクリックしてダウンロードし、指示に従ってサイトに設定します。IE8 の見栄えを良くするために努力する価値があるかどうかは、あなた次第です。border-radiusbox-shadow
それが役立つことを願っています。
あなたの問題の一部は、ブラウザーの氏族をサポートするために CSS にこのようなものが欠けていることだと思います。
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;