页眉背景颜色和大小

Question

您好，我有一个标题，我正在尝试让工作，我只是让菜单正常工作，但现在我不能让大小正常工作。

标题位于www.g-evo.com/header.php，我想要做的是将灰色缩小一点，以便与徽标更齐。不过，我还是想把那些彩色盒子留在白色。

CSS如下所示：

<style type="text/css">
#header-container {
    /* centering for IE */
    text-align: center;

}
#menu {
    width: 950px;

    /* centering for other browsers */
    margin: auto;
}
#logo {
    width: 950px;
    /* undo text-align on container */
    text-align: left;
    /* centering for other browsers */
    margin: auto;
    border-style:hidden;
    border-width: thick;
}
body {
    width: 950px;

    /* undo text-align on container */
    text-align: center;
    /* centering for other browsers */
    margin: auto;

}

#headercolor {
    background-color:#EEEEEE;
}



</style>

谢谢

Answer 1

我相信这实际上是你的HTML标记的问题，而不是你的CSS。您有两个#logo div(作为附注，您应该在每个页面上只使用一次每个ID )，第二个div导致您引用额外的灰色空间。

您应该将/header_media/GTextured.png和/header_media/shapeimage.png放在同一个div中，并将它们相邻对齐，这应该可以解决您的问题。

Answer 2

首先，您在同一页面上的两个不同项目上使用了"logo“id ...这是不正确的，因为每个元素的ID属性应该是唯一的。

另一方面，我真的不明白您想要什么，但如果只是为了让菜单更接近徽标，我会添加一个类，或者用徽标id更改第二个div的ID，并将其高度设置为20px左右。