1

我正在尝试在我的页面顶部放置一个标题。它适用于 IE 8。它略微向下移动并在最新的 IE 和苹果 safari 上阻止我的页面内容。谁能告诉我我需要放什么以便它与所有搜索引擎兼容？我是 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 回答