ChromeとFirefoxでWebデザインをテストすると、位置、配置、ホバーなどすべてが問題ないように見えますが、IE8でレイアウトをテストすると、すべてが変化し、配置が悪化し、配置とホバー機能でさえ機能していません。だから私の質問は、特にIEの別のブラウザにロードしても、変更されないWebデザインを作成するにはどうすればよいかということです。
よろしくお願いします。
IE8でレイアウトをテストすると、すべてが変化し、ポジショニングが悪化し、位置合わせが行われ、ホバー機能も機能しなくなります。
ページがクァークズモードで表示されているようです。これはIEではIE5.5をエミュレートします。
F12を押して開発ツールを開き、使用されているモードを確認します。
<!DOCTYPE html>
クァークズモードの最も可能性の高い原因は、最初の行などの有効なDoctypeがないことです。
divコンテナまたはHTML5コンテナにCSSプロパティを適用する必要がありますbox-sizing: border-box
。これは、CSSで指定したサイズのコンテナーに適用され、パディングとマージンはコンテナー内に適用されるため、パディングやマージンで変更されることはありません。
ChromeとFirefoxは、パディングとマージンに同じ概念を使用していませんが、それを使用すると、すべて同じ概念を使用します。