0

こんにちは私は本当にこれに苦労しています、私が間違っていることを理解することはできません。私は友達のウェブサイトを構築しています：bethcalter.co.uk/index.phpそして他のブラウザでそれをチェックしたとき、divはページから外れていました、そして私がウィンドウのサイズを変更したときdivは動いていました、そして私は彼らにそれをさせたくありません。

私はHTML/CSSを初めて使用しますが、あまり多くはありません。私はデザイナーです。助けてください。すでにここで答えを探していますが、コーディングに問題があると思います。 divは独自のラッパーなどであり、機能しません。

私のcss：

#content {
    margin:0;
    width:900px;
    height:400px;
    margin-left:360px;
    margin-top:-930px;
    background-color: #ffffff;
    position:absolute;
}

#bar {
    margin:0 auto;
    width:900px;
    height:90px;
    margin-left:360px;
    margin-top:-1010px;
    background-color: #ffffff;
    opacity: 0.4;
    position:absolute;

}

HTML：

<body>
  <div id="banner">
  </div>
  <div id="background">
    <div id="wrapper">
      <img src="images/Statue4.jpg">
    </div>
  </div>
  <div id="wrap">
    <div id="bar">
    </div>
    <div id="content">
      <img src='images/deb.jpg' style="margin: 40px 40px 40px 40px"/>
    </div>
  </div>    
</body>
</html>

助けてください、大いに感謝します

4

1 に答える 1

0

ウィンドウをページの中央に配置しているため、ウィンドウのサイズを変更すると、大きな画像の div が移動します。

左揃えにしたい場合は、 #wrapper セレクターの css で次の行を削除します。

margin: 0 auto;
于 2013-03-16T14:16:26.793 に答える