1

http://www.skysports.com/のように体が狭くなり始める前に、マージンを完全に崩壊させたいのですが、マージンが完全に崩壊した場合にのみ、体が狭くなる可能性があります。私は何年もの間、cssでpx、em、および％をいじっていましたが、それを機能させることができませんでした。これが私がこれまでに持っているものです。

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%; }
4

2 に答える 2

2

これがあなたが求めていると思うもののjsfiddleの例です。

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;   
}
于 2012-12-16T19:08:36.870 に答える
0

申し訳ありませんが、あなたの質問を完全には理解できませんでした。画面の幅に関係なく、画像の中央を揃える必要があると仮定します。

body
{background: url(images/webBackground.jpg) no-repeat fixed center 0 black;}
于 2012-12-16T19:08:44.413 に答える