Проблемы с разрешением слайдера 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; 
}