繁体   English   中英

标题下方的侧边栏和正文“隐藏”

[英]Sidebar and body “hiding” under header

我正在尝试使用CSS将标头图片添加到我的网站中。 我对CSS非常陌生,因此我确定我缺少一些难以置信的简单标签,因此对侧边栏和正文进行了相应的调整。

的CSS

#sideContainer {float:left;}
.err {
    color: #FF9900;
}

#navMain {
    margin-left:25px;
    color:#999999;
    font-family:Tahoma, Geneva, sans-serif;
}
#headContainer {
    width: 100%;
    position:fixed;
    top:0px;
    height: 150px;
}

#header{
    margin:0px auto;
    height: 150px;
}

#content {
    float:left;
    padding-left: 10px;
    padding-top: 10px;
}

的HTML

<HTML>
    <HEAD>
        <?php
            require_once('config.php');
        ?>
        <TITLE>Fund Shui Homepage</TITLE>
        <link rel='stylesheet' type = 'text/css' href = 'default.css' />
    </HEAD>
    <BODY>
        <div id = 'headContainer'>
            <div id = 'header'>
                <?php include 'header.html'; ?>    
            </div>
        </div>
        <div id = 'sideContainer'>
            <div id='navMain'>
                <?php include 'sidebar.html'; ?>
            </div>
        </div>
        <div id = 'content'>

只需删除position:fixed 使用position:relative可能是相同的。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM