-3

私は次の問題を抱えています：

私はこのウェブサイトを作っています...私はhtmlとCSSを使っています。私はCSSを可能な限り標準に維持しようとしており、3つの主要なブラウザー（chrome、firefox、ie）を使用してチェックしています。私のPCでは、正常に動作しているようです（細かい部分を除いて）。しかし、他の人が他の画面サイズでそれを開くと、物事は場違いになります。なぜこれが起こっているのか誰かが知っていますか？私が話していることを見てくださいこれはホームページです：

www.britobmarketing.com/ledtogo/index.html

一部のコンピューターでは少しずれていると思いますが、私の場合は完璧に見えます。ストレスがたまります!!!

また、私が言っていたように、すべてのブラウザが同じように表示できるように、CSS標準を維持しようとしています。しかし、Firefoxのようなブラウザ、つまり、ビデオ以外にある3つのボタンの「丸いエッジ」効果を認識しません。それは残りの部分でも機能しますが、それは私を混乱させるものです！なぜこれが起こっているのか誰かが知っていますか？

お手数をおかけしますが、よろしくお願いいたします。

4

1 に答える 1

3

これは、ブラウザのレンダリングエンジンが異なることを行う問題ではありません。

ビューポートの可変幅を考慮していません。ヘッダーとフッターは中央に配置され、コンテンツは左に固定されます。したがって、ビューポートが広くなると、ヘッダーフッターは残り、中央とスライドは左にスライドします。

したがって、コンテンツについては、次の問題があります。

#indexcontainter {
  width: 980px;
  height: 390px;
  float: none;
  margin-left: 170px;
}

ヘッダーでmargin: autoは、これがセンタリングを行い、左右のマージンを自動的に等しくします。ただし、コンテンツについては、左マージンをにハードコーディングし170pxます。

自動マージンを使用するように変更すると、うまく機能し始めます。

#indexcontainter {
  width: 980px;
  height: 390px;
  float: none;
  margin: auto;
}
于 2012-09-19T23:14:59.600 に答える