扩展页眉和页脚以及内容

Question

ISSUE

| ＆lt; ---- HEADER ---- | ............ |

| ＆lt; ---------发布内容--------＆gt; |

| ＆lt; ---- FOOTER ---- | ............ |

以下是实例：

版本1：http://myreadingmanga.info/wordpress/?p=1588 [图像大于窗口大小]

版本2：http://myreadingmanga.info/wordpress/?p=1603 [图像适合窗口]

在版本1中，页眉和页脚不会占用整个窗口。

我需要它是动态的，以便它根据图像大小扩展。我在其他主题上得不到多少帮助。所以如果你能提供帮助，那就太好了。

Answer 1

使用包装器-DIV：

<div id="holder">
    <div id="header" style="width:100%"></div>
    <div id="content">
        <img src="...">
    </div>
    <div id="footer" style="width:100%"></div>
</div>`

Answer 2

是的，我已经检查了整个css规则。请从规则中删除宽度：auto

body.single .content {
    padding: 0 20px;
    /*width: auto;*/
}

它在我的系统上完美运行

Answer 3

检查它是否符合您的要求！ 只需在css条目规则

中添加一个额外的属性

.entry {
    background: none repeat scroll 0 0 #373737;
    border-top: 5px solid #F15123;
    box-shadow: 0 1px 3px 0 #141414;
    width: 1500px;/* add this property*/
}

按照图像中显示的步骤操作

Answer 4

最后，我找到了解决方案。只需添加

body 
{ 
   position: absolute; 
   width: auto; 
}

.site-inner, .wrap 
{ 
   max-width: none; 
}