如何粘到左頁的停止DIV當變焦CSS HTML

Question

方案

我有一個的2000像素寬度我的網站上的橫幅，當我在整個旗幟棍棒放大到左側該頁面。

問題

我想它留在當前，如果用戶過多放大它會關閉頁面。相同的方式this sites banner

例

Ⅰ中是2000像素與圖像的與的1000像素的寬度的中心的主要部分的旗幟有一個圖像。如果放大圖像，圖像的中心向右移動。

這是我活代碼：Site Example

這是我的CSS：

#slideshow { 
    margin: 0 auto; 
    position: relative; 
    left:0px; 
    width: 2000px; 
    height: 400px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
    display:block; 
    text-align:center; 
    float: none; 
} 
#slideshow img { 
    margin: 0 auto; 
    text-align:center; 
} 
#slideshow > div { 
    position: absolute; 
} 
#banner { 
    background: #EAEAEA; 
    border-top: 1px solid #CCC; 
    border-bottom: 1px solid #CCC; 
    width: 100%; 
    position: absolute; 
    left: 0px; 
    overflow-x: hidden; 
    top: 180px; 
} 

這裏是我的HTML：

<div id="banner"> 
    <div id="slideshow"> 
     <div><a href="#"><img src="AG/images/bulbs.png"></a></div> 
     <div><img src="AG/images/cables.png"></div> 
    </div> 
</div> 

我還在學習，所以我感謝你對於任何幫助：D

Answer 1

使p相對而言，並在您想要移動橫幅的方向添加一些填充。