問題が発生しているサイトは次のとおりです。http://newcombspring.stifel-marcin.com/
問題が発生しているサイトの部分は、「FORMING THE FUTURE」部門です。Safari でサイトを表示すると完全に整列されますが、Firefox で表示すると、数ピクセルだけ右に移動していることがわかります。何が原因で、どうすれば簡単に解決できますか?
問題が発生しているサイトは次のとおりです。http://newcombspring.stifel-marcin.com/
問題が発生しているサイトの部分は、「FORMING THE FUTURE」部門です。Safari でサイトを表示すると完全に整列されますが、Firefox で表示すると、数ピクセルだけ右に移動していることがわかります。何が原因で、どうすれば簡単に解決できますか?
ここにはマージンはありません。ここで発生している問題は、基本的にすべて、レイアウトにテーブルを使用しているという事実が原因です。単純な事実として、テーブルはこの種の用途にはお勧めできません。
私は実際にあなたがここでやったことを本当に気に入っています。デザインは素晴らしいです。しかし、基礎となる HTML 構造はそれほど優れたものではありません。好きなように微調整でき、問題の解決に近づくこともありますが、テーブルを使用してレイアウトを作成している限り、この種の問題から完全に解放されることは決してありません.
残念ながら、ページ本文の大部分を破棄し、より構造化されたレイアウトを使用してやり直す以外に、ここで多くの解決策を提供することはできません.
その方法について詳しく説明する時間はありませんが、tableless designを調べることをお勧めします。
ここで作成した基本的な 2 パネル レイアウトは、優れたテーブルレス デザインを使用して比較的少ないコードで非常に簡単に作成できます。
あなたが探していた迅速で簡単な答えではないことは承知していますが、お役に立てば幸いです。