2012-12-16 3 views
1

Я хочу, чтобы мои поля полностью разрушались, прежде чем тело начнет становиться уже, как это делается на http://www.skysports.com/, и только когда поля полностью рухнули, тогда тело может стать уже. Я много раз играл с px, em и% в моем css и не смог заставить его работать. Вот что я до сих пор.Как сделать маржи равномерным?

html { background-image:url(images/webBackground.jpg); 
    background-size:100% 100%; 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
    height:100%; width:100%; 
    } 

body { background:black; 
    height:100%; width:75%; 
    margin:0 12.5% 0 12.5%; 
    } 

#container { width: 100%; height: 100%; } 
+0

Попробуйте 'auto' вместо' 12.5% ​​'. – Gumbo

+0

Что вы подразумеваете под «крахом полностью до начала тела»? –

ответ

2

Вот jsfiddle exmaple того, что я думаю, что вы просите.

HTML

<div id="wrapper"> 

    <div id="main-content"> 

     <div class="push"></div> 

    </div> 

</div> 

CSS

body, html { 
    margin: 0px; 
    padding: 0px; 
} 

#wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    width: 500px; /* specific resolution width */ 
    margin: 0px auto 0px;  
} 

#main-content { 
    background-color: red; 
} 

#main-content .push { 
    height: 500px; 
} 
0

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

body 
{background: url(images/webBackground.jpg) no-repeat fixed center 0 black;}