2

私のウェブサイトに少し問題があります。私の Web サイトのページに、ページを更新すると理由もなく位置が変わるセクションがあります。メニューから URL をクリックしたり、ブラウザのアドレス バーにもう一度入力したりするだけでは移動しません。

html と body タグで overflow-y を使用してみましたが、問題は解決しませんでした。通常は次のようになります。 正常に動作する場合 (URL を入力するか、メニューからページにアクセスする)

ページを更新すると、次のようになります。 上手くいかない時は…

ご覧のとおり、ページを更新すると、このセクションは低くなり、ページのコンテンツの背後に隠れます。

このセクションのコードは次のとおりです。

HTML/PHP

<div id="topBar">
    <h4>Cegep Network : <?php echo $_SESSION['school']; ?></h4>
    <a href="disconnect.php"><div id="topBarDisconnect"></div></a>
    <div id="topBarUser">
        <h5><?php echo $_SESSION['firstName'] . " " . $_SESSION['lastName']; ?></h5><br />
        <p><?php echo "Le " . $day . " " . date('j') . " " . $month . date(' Y'); ?></p>
    </div>
</div>
<div id="topBarSpace"></div>

CSS

#topBar
{
    height: 43px;
    padding-left: 13px;
    width: 100%;
    position: absolute;
    left: 4px;
    top: 0;
    background-image: url("images/topBar.jpg");
    color: white;
}

#topBar h4
{
    display: inline-block;
    margin-top: 13px;
}

#topBar h5
{
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 0px;
    font-size: 11pt;
}

#topBar p
{
    font-size: 8pt;
    display: inline-block;
    margin-top: -5px;
}

#topBarDisconnect
{
    width: 80px;
    height: 38px;
    background-image: url("images/dcButton.png");
    float: right;
    margin-top: 2px;
    margin-right: 44px;
    margin-left: 9px;
}

#topBarDisconnect:hover
{
    background-image: url("images/dcButtonHover.png");
}


#topBarUser
{
    float: right;
    text-align: right;
}

#topBarSpace
{
    height: 43px;
    width: 100%;
}

うまくいけば、優秀な人のうちの 1 人がこの問題の解決策を知っていることを願っています! 私は周りを見回しましたが、未回答の質問が見つかりました! 前もって感謝します！

4

1 に答える 1

0

$_SESSION 変数に関連しているように見えます。更新が URL 経由でページをロードすることと異なると私が考えることができる唯一の理由です。「h5」をインラインブロックとして設定しているので、「h5」の後に「br」は必要ないはずです? 両方のページで「ソースを表示」を使用すると、コードのどこが間違っているかを正確に示すことができるため、コードに違いが見られないことがわかりますか?

于 2013-11-16T14:38:35.437 に答える