CSS滑塊分辨率問題

Question

我在我的網頁上有一個滑塊。 720p分辨率看起來不錯。所有東西都應該是居中的，等等。但是，當我將分辨率更改爲1080p時，出於某種原因滑塊不在中心位置。我嘗試了一切我知道在CSS和唉嘗試，我很難過。下面是CSS，我會提供更遠的網頁的鏈接。

#slider { 
position: static; 
margin-left: 22%; 
width: 720px; 
height: 400px; 
overflow: hidden; 

}

www.test.brandonmiller3d.com

注：如果鏈接添加 「/測試/」 到URL的末尾，刪除它，然後按回車。東西在我的.htaccess文件的行動，以及笑

Answer 1

嘗試margin: 0 auto在#slider：

#slider { 
    width: 720px; 
    height: 400px; 
    overflow: hidden; 
    margin: 0 auto; 
} 

Answer 2

你有22％的左邊距您滑塊。

改變這種

#slider { 
    position: static; 
    margin-left: 22%; 
    width: 720px; 
    height: 400px; 
    overflow: hidden; 
} 

這個

#slider { 
    position: static; 
    margin-left: auto; 
    margin-right: auto; 
    width: 720px; 
    height: 400px; 
    overflow: hidden; 
}