嗨,我已經通過在絕對位置繪製div做了一個網站上的Dreamweaver,但它只看起來集中在一個1280px寬的監視器,似乎無法使父#wrap div主機所有的絕對位置divs。居中一個完整的網站與絕對定位divs
這裏是我做的代碼,
<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編號的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>'
這裏尋找居中的div後我似乎無法找到答案,會爲我所做的所有div上班,正好有個#wrap或類.wrap對這個中心任何大小的瀏覽器請幫助! :)
如果這有助於解決您的問題,請打勾 – MVCKarl
謝謝@MVCkarl - 它沒有工作,我怎麼找到解決方案,這裏http://learncss.tutsplus.com/lesson/relative-and-absolute-positioning/代碼如下 #wrap_main { position:relative; margin:auto; width:1200px; } 我調整了寬度爲最常見的屏幕分辨率1280像素,並給它一個相對位置,所以孩子divs,可以繼續有一個絕對的位置,它似乎工作很大這有助於很多像我這樣的時候你很懶,而是畫一堆div讓它們在網站上看起來不錯,然後將它們置於各種分辨率屏幕中間 – user1802074