Magento에서 배너 슬라이더를 정확히 가운데 맞추는 방법?

Question

나는 배너 슬라이더를 가운데 정렬하려고하는데 정확하게 가운데 맞춤이 아닙니다. 내 화면 해상도와 일치하도록 margin-left 속성을 변경하면 내 화면에만 집중됩니다. 그러나 더 넓은 스크린을 중심으로하지는 않습니다. 내 웹 사이트가 myusedwheel.com하고 이것이 내가 그것을 가지고있는 코드 : 모든

<style type="text/css"> 
#slider{ 
    margin-left: 195px !important; 
    overflow: hidden; 
    position: absolute; 
    top: 192px; 
    width:960px!important; 
    height:173px !important; 
} 

#navigation{ 
    position:relative; z-index:999; 
} 

.header-container{ 
    height:385px; 
} 

#controls{ 
    display:none; 
} 
</style> 

Answer 1

첫째, 당신이 당신의 슬라이더에 절대 위치를 사용 할 이유가 없다. 코드 계층에서 슬라이더를 위로 이동하면 내용 위에 잘 앉을 수 있습니다.

현재 코드 구조로 수정하려면 다음을 수행 할 수 있습니다.

1. 올바르게 페이지의 중앙에 슬라이더를 배치해야 #slider

이에 대한 20px에 styles.css

변경 margin-left에 line 200에 .page에 position: relative를 추가합니다.

Answer 2

랩 <div class='slide-container'> 사용과 같은 뭔가 슬라이더 :

.slide-container { 
    position: relative; 
    width: 1200px; 
    height: 400px; 
    left: 50%; 
    margin-left: -600px; 
} 

이 margin: 0 auto;이 충분하다 때가 있습니다,하지만 난 절반 요소의 폭과 동일한 음의 왼쪽 여백과 left: 50%;를 사용하는 것이 가장 적합한 것으로 나타났습니다 .