0

私は非常に紛らわしい問題を抱えています。このサイトでは、IE を除くすべてのブラウザーでヘッダー テキストを適切に並べています。IE では、テキストはヘッダー ボックスを離れるポイントまで持ち上げられます。IE10でもこの問題があります。これが私のヘッダーのコードです：

header {
  margin-bottom: 30px;
  background: #272727;
  border-radius: 5px;
  padding-bottom: 3px; }

  header .center {
    width: 94%;
    margin-left: 5.5%; }

  header h1 {
    font-family: "Bebas", "Verdana", sans-serif;
    font-size: 1320%;
    float: left;
    width: 21%;
    margin-top: -18px;
    line-height: 102%;
    letter-spacing: -15px;
    color: #e85d00; }

  header .motto {
    font: 400% "Bebas", "Verdana", sans-serif;
    float: left;
    width: 78%;
    line-height: 102%;
    color: white; }

私の知る限り、ここには IE に問題を引き起こすものは何もありません。特に、他の最新のブラウザーに匹敵するはずの IE10 はそうではありません。足りないものはありますか？また、問題なく動作する Bebas の font-face 宣言があるので、問題にはなりません。

4

2 に答える 2

0

カスタム CSS シートを参照する前に、CSS リセット シートを使用してみましたか? IE ブラウザーのデフォルトはバージョンごとに異なることが多いため、CSS リセットを使用することで、すべてのブラウザーで同じ基盤から CSS を機能させることができます。

http://meyerweb.com/eric/tools/css/reset/

于 2013-08-21T21:51:50.463 に答える