0

私のサイトでは、ある特定のページのロゴが数ピクセル下に移動していますが、他のすべてのページではそうではありません。コードはすべてのページで同じであるため（少なくとも私はそうだと思います）、何が問題を引き起こしているのかわかりません。

これは、機能しているものと機能していないもののスクリーンショットです。

働く：

ここに画像の説明を入力してください

動作しない：

ここに画像の説明を入力してください

両方のコードを以下に示しますが、何らかの理由で、ページの1つが正しくレンダリングされません

<body>
<div class="wrapper"><?php include("include/header.php"); ?>

header.php：

<header id="header">
    <div id="logo">
        <h1 class="hidden">Welcome</h1>
    </div><!-- #logo -->

<?php include("getstageinfo.php");
switch ($currentStage)
{                       
case "0":

    $home ="period0.php";
break;

case "1":

    $home ="period1.php" ;

break;

case "2":

    $home ="period2.php" ;

break;

case "3":

    $home = "period3.php";

break;

}
?>
<nav id="nav">
    <h1 class="hidden">Main Navigation</h1>
    <a class="nav-item current" href="<?php echo $home ?>">HOME</a>
    <a class="nav-item" href="news.php">NEWS</a>
    <a class="nav-item" href="accounts.php">ACCOUNTS</a>
    <a class="nav-item" href="logout.php">LOG OUT</a>
    <div id="nav_edge">&nbsp;</div><!-- #nav_edge -->
</nav><!-- #nav -->
</header><!-- #header -->

CSS：

body { background-color: #031311; margin: 0px; padding: 0px; width: 100%; position: relative; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: center top; overflow-x:hidden; font-size: 14px; line-height: 1.6em; color: #2a2d32; }
#header { margin: 0px; padding: 0px; width: 100%; height: 350px; display: block; position: relative; overflow: hidden; }
#header #logo { background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: center top; display: block; margin: 0px; padding: 0px; height: 450px; width: 100%; }
#header #nav { position: absolute; height: 50px; width: 455px; left: 50px; top: 298px; background-image: url(../images/nav_bg.png); background-repeat: repeat; background-position: left top; margin: 0px; padding: 0px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #8C9791; border-bottom-color: #8C9791; border-left-color: #8C9791; }
#header #nav .nav-item { font-size: 14px; line-height: 50px; color: #E1E7EA; display: inline-block; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 15px; font-style: italic; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 15px; text-shadow: 1px 1px 1px #000; }
#header #nav #nav_edge { background-image: url(../images/nav_edge.png); background-repeat: no-repeat; background-position: left top; display: block; margin: 0px; padding: 0px; height: 52px; width: 40px; position: absolute; top: -1px; right: -40px; }
#header #nav .nav-item:hover, #header #nav .nav-item:focus { color: #FFF; }
#header #nav .nav-item.current { color: #2BD5CC !important; }

そして、これが動作するために生成されたhtmlです：

ここに画像の説明を入力してください

そして、これが機能していません：

ここに画像の説明を入力してください

4

2 に答える 2

0

cssの目的でIE7はIE8とは異なり、それらはすべてFIREFOX、CHROMEとは異なります。

IE7用のcssファイルを使用して指定しているのがわかりません

<!--[if lte IE 7]>
<link href="/css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

ページにIE7用の代替CSSが必要です

于 2012-02-03T11:03:19.573 に答える
0

include（）と関係があることに気づきました。Doctypeを宣言する前に使用していた関数。それで私は新しい質問をしました。下記参照

doctypeの前にPHPinclude（）があり、空白が発生します

于 2012-02-06T11:52:17.673 に答える