2016-10-20 8 views
2

Так что я работаю над кодированием журнала арт-сайта для друга, а часть моего кода просто не избавляется от некоторых полей/отступов, которые, как я опасаюсь, могут быть частью кодирования основного сайта в теле или что-то еще , поэтому мне было бы нужно вручную переопределить. 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; } 

ответ

0

можно сбросить общие определения с:

* { 
    box-sizing: border-box; 
    margin: 0; 
    vertical-align: baseline; 
} 
1

На этой странице вы поделились своим камнем

<div class=body> 

находится внутри

<div class=text> 

имеет отступы вокруг него.

Посмотрите, не можете ли вы избавиться от этой прокладки, это сделает ее заподлицо с боками.

+0

это правда ... вы можете добавить решение «.text {padding: 0px;}» ваш ответ для OP, чтобы попробовать – repzero

+0

Это похоже на то, что сработало! Я даже не думал проверять его через браузер. Благодаря! –

+0

Нет проблем! Всегда помните, что сначала проверяйте браузер, вы часто найдете что-то странное, что вы не ожидали! – Nol