DIV定位

嘿，這是我的鏈接：http://ilikeyou.tk/409/DIV定位

我試圖定位下一個和上一個按鈕（<和>）的容器like_box_page內。 Vertical-Align a DIV

無論我做什麼，按鈕都還在外面的地方：

我第一次在這裏使用應答中心的按鈕。有沒有辦法在容器中水平放置它們？

來源

2011-08-12 Asaf Biton

你可以在photoshop上找到你想要的圖片嗎？ – JSantos

我wpuld改變甚至HTML結構，但如果與此HTML玩---

覆蓋這些3類：

.img_spot { 
    background-color: #FFFFFF; 
    border: 1px solid #CCCCCC; 
    float: left; 
    margin-left: 0 !important; 
    margin-right: 20px; 
    max-width: 333px; 
} 

.navigation {   
    height: auto; 
    left: -5px; 
    margin: 30px 0; 
    padding: 0; 
    position: absolute; 
    width: 636px; 
} 

.like_box_page { 
    background: none repeat scroll 0 0 #F8F8F8; 
    border: 1px solid #E4E3E3; 
    box-shadow: 0 3px 0 #E9E9E9 inset; 
    float: left; 
    padding: 16px 61px 13px; 
    position: relative; 
}

來源

2011-08-12 13:09:24 AlexC

你有沒有機會知道如何在IE中使用它？這是有點搞砸了.. –

爲firefox使用firebug插件，你會發現它們非常位於你的盒子的中心，其餘的只是關閉：D他也比父母大很多。

來源

2011-08-12 13:05:04

您是否嘗試過使用絕對定位？設置父div爲postion:relative，並鏈接到position:absolute並設置top屬性。這可能並不完美，但我認爲它會起作用。

來源

2011-08-12 13:09:54

我做過（：它的工作，但不是我希望它在這種情況下的方式。 –

在你.navigation，您需要更改margin如下

.navigation { 
    position: absolute; 
    margin: 0 0 0 -20px; //HERE 
    top: 50%; 
    height: 50px; 
    width: 100%; 
    z-index: 1; 
}

你可能也想給img下它的一些更margin。

<img style="margin-left:40px;"

enter image description here

來源

2011-08-12 13:10:03

中的.navigation添加margin-top: -25px;到中心的高度的中間的導航，而不是從中心開始。

P.S. margin-top：-25px或（yourCOntainerHeight）/ 2作爲負邊距，因爲您有頂部：50％，這意味着您的元素將從集裝箱高度的50％開始，並且您必須用負邊距進行補償以在中間進行快捷。

問候

來源

2011-08-12 13:15:15 h4cky

在你前面的CSS代碼，只需更換保證金左：10px的;至頁邊距：200px;
和margin-rigt：10px;到margin-right：200px;

來源

2011-08-12 13:17:40

回答

相關問題