-4

このサイトはhttp://www.educationinterface.com/にあります

左下のファンシーボックスの画像は、YTビデオにリンクしています。

FFとChromeで正常に動作します。

Safariでは、ビデオの右側に余分な空白があります。ビューポートのサイズを変更すると自動的に修正されます。

IEでは、ビデオは小さく、ウィンドウは左上隅にあります。あなたはそれを見るために上にスクロールする必要があるかもしれません。

=============

品質を向上させるために、この投稿を編集するために戻ってきました。質の悪い投稿が原因で私は禁止されたので、私は自分自身をリハビリしようとしています！

ここでのfancyboxの問題は、doctypeが7つ宣言される前にヘッド要素が表示されるなど、コードの構造上の問題が原因で発生しました。サイトとそのコードを継承しましたが、それでも構造を修正して、問題が解決するかどうかを確認する必要がありました。代わりに、私は簡単な方法でここに来ました。

申し訳ありませんが、みんな...禁止リストから外れたら、もっとうまくやることを約束します！

4

1 に答える 1

1

さて、これはhtmlドキュメントの最初の行DOCTYPEである必要がありますが、その前にたくさんの先行するものがあります：

<title>Education Interface | Healthcare Industry Web-Enabled Online Training</title>

<meta name="keywords" content="Education Interface, healthcare, web enabled, online training, learning management system">

<meta name="description" content="Education Interface specializes in providing web-enables online learning to the healthcare industry. We provide solutions that include training, a learning management system, and customized content creation. ">

<style type="text/css">
    #errorMessage
    {
        color:red;
        font-size:10;
        font-weight:bold;
    }
</style>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

....実際には、<head>タグ内に配置する必要があります。

そのため、ページはクァークモードで実行されているため、SafariとIEの両方で不適切なスタイル形式になっています（fancyboxでは、ページが正しく機能するために標準モードで実行されている必要があります）

これらのエラーをすばやく見つけることができる「バリデーターサービス」と呼ばれるツールがありますhttp://validator.w3.org/check?uri=http://www.educationinterface.com/

于 2012-12-18T01:36:48.643 に答える