徽标太宽

Question

嘿伙计我正在建立我的第一个网站，我无法想象如何摆脱右边的额外空间，这会带来水平滚动条。该网站是http://qtsocial.com/accounts/login/ ...如果你能看一下css并给我一个线索我会非常感激。谢谢！

body {
    background: url(http://qtsocial.com/static/images/body-bkg.png) repeat scroll;
    margin: 0;
    padding: 0;
}

.container {
    margin: 0pt auto;
    width: 100%;
}

#header {
    background: url(http://qtsocial.com/static/images/hdr-bkg.png);
    background-repeat: repeat-x;
    height: 181px;
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0;
    padding: 0;
}

#logo {
    background-image: url(http://qtsocial.com/static/images/QTlogo.png);
    background-repeat: no-repeat;
    height: 88px;
    position: absolute;
    top: 40px;
    left: 25px;
    width: 100%;
}

#navigation{
    height:40px;
    z-index: -1;
}

Answer 1

徽标太宽

内部#logo将width: 100%;更改为width: 299px;（图片的实际宽度）

Answer 2

您的ID为logo的DIV设置为100％宽度（将其设置为页面宽度）然后您将其缩进25px。将login.css第25行的#logo宽度更改为您正在使用的背景图像的宽度（299像素）。

Answer 3

你的徽标div是什么导致它。

它是宽度的100％，但这不包括它左边的25px，因此它在窗口右边溢出25px。

将徽标div的宽度更改为徽标图像的宽度，并且不会向右溢出。

标题不会跨越右侧的整个页面/额外空间

3 个答案:

徽标太宽