Как центрировать миниатюры для всех размеров экрана?

Question

body{ 
    width:auto; 
    color:white; 
    font-size:15px; 
    width:100%; 
    max-width:1980px; 
    min-width:334px;  
    margin:0px auto; 
} 

Это мой код. Мне нужны эскизы, чтобы быть в центре для всех разрешений экрана. Но я не могу этого сделать. Я даже попробовал тег. Это тоже не сработало. Что мне делать?

http://www.kursatkarabulut.com/galeriler/kopya.php для образца страницы

Answer 1

Там очень хорошая статья на центрирование ничего с CSS:

http://designshack.net/articles/css/how-to-center-anything-with-css/

Answer 2

#gallery { width: 980px; margin: 0 auto; } 

Горизонтально центрирующий элемент блочного уровня, как div просто требует задания ширины и установки горизонтального запаса автоматический режим.

Answer 3

Это должно быть использовано для центрирования полную веб-страницу

body { 
     position: relative; 
     font-family: Helvetica, Arial, sans-serif; 
     font-size: 14px; 
     width: 800px; 
     margin: 0 auto; 
     padding: 10px; 
     color: #333; 
    }