2

divs を位置に描画して Dreamweaver でサイトを作成しましたが、ワイド モニターabsoluteの中心にしか見えず、すべての絶対位置sをホストする親を作成できないようです。1280px#wrap divdiv

ここに私が作ったコードがあります、

<style type="text/css">
#wrap_main {
 position: absolute;
top: 0px;
z-index: 2;
width:1400px;
margin-left:-200px;
left:50%;
text-aling:left;
}

body {
background-color: #000000;
}
#Layer1 {
position:relative;
left:34px;
top:32px;
width:156px;
height:102px;
z-index:1;
}
#Layer2 {
position:relative;
left:37px;
top:136px;
width:104px;
height:32px;
z-index:2;
}
#Layer3 {
position:relative;
left:140px;
top:136px;
width:104px;
height:33px;
z-index:3;
}

これは、ラップしたい親 div とサブ div id を示す HTML コンテンツです。

<div id="wrap_main">
<div id="Layer25"></div>
<div id="Layer37">`<img src="../Beer_n_tts_website/Images/blue_wood.jpg" alt="Blue Wood"     width="200" height="634" longdesc="Blue wood background for beer n tts" /></div>
<div id="Layer38"><a href="../Beer_n_tts_website/index.html"><img  src="../Beer_n_tts_website/Images/beerntts_logo.png" alt="beer n tts logo" width="118"  height="82" border="0" longdesc="beer and tts logo no background" /></a></div>'

ここでセンタリングを探した後、またはクラスを持つためだけに、作成したすべての sdivで機能する答えが見つからないようです。div#wrap

4

2 に答える 2

0

ここで解決策を見つけました。コードは次のとおりです。

#wrap_main {
  position: relative;
  margin: auto;
  width: 1200px;
}
<div id="wrap_main">

  other divs

</div>

幅を最も一般的な画面解像度 1280 px に調整し、相対位置を指定したので、子 div は絶対位置を保持し続けることができ、うまく機能しているようです。これは、私のように怠け者で、むしろ、たくさんの div を描画して、サイトで見栄えを良くしてから、さまざまな解像度の画面の中央に配置します。

于 2012-11-06T08:32:52.090 に答える
0

詳細：中央に配置したいだけの場合は、以下が機能します

CSS

#wrap_main { text-align: center }

html

<div id="wrap_main" >
    Other Div's
</div>
于 2012-11-06T06:22:56.760 に答える