2

我的网站有点问题。在我的网站页面上，有一个部分在页面刷新时会无缘无故地改变位置。当我从菜单中单击 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%;
}

希望你们中的一个聪明人知道这个问题的解决方案！我环顾四周，只发现未回答的问题！提前致谢！

4

1 回答 1

0

在我看来，它可能与 $_SESSION 变量有关。这是我能想到刷新与通过 URL 加载页面不同的唯一原因。您将“h5”设置为内联块，所以在“h5”之后肯定不需要“br”吗？在两个页面上使用“查看源代码”时，您是否看不到代码中的差异，因为这可以很好地指示代码中哪里出错了？

于 2013-11-16T14:38:35.437 回答