1

ページの上にヘッダーを配置しようとしています。IE 8で正常に動作します。少し下に移動し、最新のIEとアップルサファリのページコンテンツをブロックします。すべての検索エンジンと互換性を持たせるために、私が何を置く必要があるかを誰かに教えてもらえますか？私はすべてのページにヘッダーを含めたPHPです。以下は私のヘッダーコードです。

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>

<body>

<div style="position: absolute; width: 1280px; height: 92px; z-index: 1; left: 1px; top: 0px" id="layer1">
    <div style="position: absolute; width: 660px; height: 22px; z-index: 1; left: 238px; top: 52px" id="layer2">
        <font face="Arial">|<b>
        <a href="http://www..net/carriers/test3.php">New Cost</a> </b>| <b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </b>|<b> <a href="http://www..net/carriers/newcarrier.php">New 
        Carrier</a></b> | <b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </b>|<b> <a href="http://www..net/carriers/search.php">Carrier 
        Board</a></b> | </font></div>
    <p>
    <img border="0" src="/carriers/.png" margin= 0 auto width="100%" height="73"></div>


</body>

</html>
4

1 に答える 1

0

これがあなたが話しているヘッダーであると仮定して...

<img border="0" src="/carriers/echoheader.png" margin= 0 auto width="100%" height="73">

...次のようになります。topその位置を指定して作成する必要があると思いますabsolute。

HTML：

<img class='header' />

CSS：

img.header {
   position:absolute;
   top:0;
   ...other styles...
}

「インラインスタイル」は避けてください。これは、要素のスタイルをHTMLで直接設定する場所です。

後で、より複雑なページでより簡単に道を見つけることができるので、マークアップからスタイルを分割することをお勧めします。

于 2012-11-13T00:40:28.980 に答える