所以我正在为一个朋友编写一个艺术网站杂志,而我的代码的一部分并没有摆脱我担心的一些边距/填充,可能是主体网站编码的一部分,所以这将是我需要手动覆盖的东西。 This is what I am working on.该日志皮肤。朝向底部的岩石应该与期刊的边缘齐平,但无论我尝试什么,他们都不会做我想要的。摆脱利润率?
这是编码我有这么远,这是不是有很多:
<div class="body">
<div class="header"></div>
<div class="contentholder"></div><div class="rockfooter"></div>
</div>
除了:
.gr-body {
background: url(http://orig14.deviantart.net/8b57/f/2016/279/f/5/frontpagebackground_by_wulfghast-dak5apt.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-color: #1c1119;
color: #545454; }
.header {
background-image: url(http://s10.postimg.org/bvl7xjjbd/branchborder.png);
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
margin-left: auto;
margin-right: auto;
margin-top: 20%;
position: relative;
z-index: 2;
height: 873px;
width: 74%;
display: block; }
.contentholder {
width: 68%;
margin-left: auto;
margin-right: auto;
margin-top: -800px;
-moz-box-shadow: 0 0 20px 5px #0a0a0a;
-webkit-box-shadow: 0 0 20px 5px #0a0a0a;
box-shadow: 0 0 20px 5px #0a0a0a;
background-color: #50463b;
position: relative;
z-index: 1;
display: block; }
.rockfooter {
background: url(http://s17.postimg.org/is79jxd3z/footer3_by_wulfghast_dakd92b_1.png);
height: 1000px;
width: 100%;
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
margin-left: auto;
margin-right: auto;
margin-top: -985px;
position: relative;
z-index: 4; }
.bottom {
display: none; }
这是真的......您可能想要添加解决方案“.text {padding:0px;}”您的答案为OP试试 – repzero
看起来像那样工作!我甚至从来没有想过通过我的浏览器来检查它。谢谢! –
没问题!永远记得通过浏览器首先检查,你会经常发现一些奇怪的事情,你没有想到! – Nol