-2

これは私のウェブサイトのコーディングですが、すでに問題が発生しています。助けてください!

これは私のCSSスタイルシートです:

.center {
  position: absolute;
  left: 50%;
}

body
{
  background-color: #45a8e1;
  background-image:url('images/background.png');
  background-repeat:repeat-x;
}

次に、HTML を次に示します。

<body>

  <div id="header" class="center">
    <img src="images/header.png">
  </div>

</body>

最終結果は順調に来ていますが、ページは非常に広いです。背景画像をビューポート (ページ) に合わせようとしています。また、ページが非常に広いため、機能していないように見える中央に div を配置したいと考えています。

4

2 に答える 2

0

これを試してください-jsFiddle

#header {
    background: url('/*yourImageHere*/') repeat-x center;
    height:200px;
    width:100%;
}
于 2013-04-17T03:25:36.850 に答える