2012-11-06 24 views
2

嗨,我已經通過在絕對位置繪製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對這個中心任何大小的瀏覽器請幫助! :)

回答

0

詳情:,如果你只是想它爲中心的下面將工作

CSS

#wrap_main { text-align: center } 

HTML

<div id="wrap_main" > 
    Other Div's 
</div> 
+0

如果這有助於解決您的問題,請打勾 – MVCKarl

+0

謝謝@MVCkarl - 它沒有工作,我怎麼找到解決方案,這裏http://learncss.tutsplus.com/lesson/relative-and-absolute-positioning/代碼如下 #wrap_main { position:relative; margin:auto; width:1200px; } 我調整了寬度爲最常見的屏幕分辨率1280像素,並給它一個相對位置,所以孩子divs,可以繼續有一個絕對的位置,它似乎工作很大這有助於很多像我這樣的時候你很懶,而是畫一堆div讓它們在網站上看起來不錯,然後將它們置於各種分辨率屏幕中間 – user1802074

0

感謝@MVCkarl - 它沒有工作怎麼過我找到了解決方法,這裏的代碼如下http://learncss.tutsplus.com/lesson/relative-and-absolute-positioning/

CSS

#wrap_main { 
position:relative; 
margin:auto; 
width:1200px; 
} 

的Html

<div id="wrap_main"> 

other divs 

</div> 

我調整寬度,最常見的屏幕分辨率1280像素的,只是給它一個相對位置,所以孩子的div,可能會繼續有一個絕對的位置和它似乎很好工作當你像我一樣懶,而且畫一堆div讓它們在網站上看起來不錯,然後將它們置於各種分辨率屏幕中時,這會有很大幫助。