1

html5 での最初の試みであるポートフォリオ サイトを完成させたばかりで、Chrome で見栄えがします。しかし、IE9 を除く IE と FF でテストしたところ、すべてヘッダーで発生するいくつかの大きな違いがあります。これは、ヘッダーの位置が固定されているためだと思います。私はメニューのためにこれをしました。ワンページャーを作成しましたが、位置を固定に設定していないと、メニュー項目をクリックするとメニューが消えてしまいました。

2 番目のエラーは、IE ではすべての画像に青色の境界線が表示されることです。これは Chrome では表示されません。

3 つ目のエラーは、ヘッダーのフォントも IE とは異なります。@font-face フォントを使用しました。

私の HTML および CS コードは W3C で検証されます。

ウェブサイトはwww.nathaliedehertogh.beにあります。

誰かがこれで私を助けてくれませんか。

4

5 に答える 5

1

コンテンツが後で必要に応じて流れるようにするには、ヘッダーにクリアが必要です。

IE の青い境界線には、CSS 設定が必要です。

img {
  border: 0;
}

フォントに関しては、一部のフォントは IE で正しく読み取れません。私が得るエラーは次のとおりです。

@font-face は、OpenType 埋め込み許可チェックに失敗しました。アクセス許可はインストール可能である必要があります。

于 2012-10-05T19:45:13.937 に答える
1

div 'kopregel' に高さが定義されていません。内部に高さが定義された要素があるため、これが問題を引き起こしています。

注: FF ではすべてが壊れているように見えます。右にスムースになっています。

于 2012-10-05T19:46:13.720 に答える
1

clear:both を #menu に、border:0 を img に追加するだけです。

一部のブラウザーでは、画像がリンクであることを示すために、青色のアウトラインがデフォルトになっています。

于 2012-10-05T19:46:50.363 に答える
0

clearヘッダーの問題は、cssに関数が必要なことです。

これが新しく編集されたコードです。

#content, hr {
    clear: left;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

固定位置に問題はありません。これは一般的な問題です。これが私に知らせてくれることを願っています!

于 2012-10-05T19:44:23.080 に答える