Проблема в разметки сайта с 16:9 экранами

[igorfelix]

Проблема в разметки сайта http://interactive-systems.ruс 16:9 экранами, при отображении на экране фоновая картинка вроде как стоит на месте ,  но проблема в том что сайт выглядит на экранах по разному..

например должно быть так :

 

а на широкоформатных экранах так :

 

 

хотелось бы, что б на широкоформатных экранах сайт был по центру, и не уезжал вправо.

понимаю что нужно подправить стиль css , но что именно.. (

 

 

[Rostov85]

вместо 20px установи auto

 

#container {

    margin-left: auto;

    margin-right: 20px;

    text-align: left;

    width: 960px;

}

 

Делов-то! )

[igorfelix]

Добрые люди

 

У Вас 73 строка в stylesheet.css

 

измените на:

#container {
width: 960px;
margin: auto;
text-align: left;
}
 

спасибо за помощь, но в этом случае сайт стал по центру как на обычном мониторе так и на широкоформатном.

проблема была в том что хотелось что б выравнивание сайта на обычных мониторах было по правой части сайта, а на широкоформатных по центру .

[igorfelix]

У Вас 73 строка в stylesheet.css

 

измените на:

#container {
width: 960px;
margin: auto;
text-align: left;
}
 

 

вместо 20px установи auto

 

#container {

    margin-left: auto;

    margin-right: 20px;

    text-align: left;

    width: 960px;

}

 

Делов-то! )

попробовал, ничего не изменилось, сайт по прежнему на широкоформатном экране был по правой части экрана ( сильно далеко от центра, остается большая пустота, нужно по центру), а на обычных экранах по правой части ( как и хотелось бы)

[Rostov85]

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

 

<link rel="stylesheet" media="screen and (min-width: 1440px) and (max-width: 1680px)" href="max-style.css" />

 

и уже внутри файла max-style.css прописывать стили для #container

[igorfelix]

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

 

<link rel="stylesheet" media="screen and (min-width: 1440px) and (max-width: 1680px)" href="max-style.css" />

 

и уже внутри файла max-style.css прописывать стили для #container

щас попробую

[igorfelix]

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

 

<link rel="stylesheet" media="screen and (min-width: 1440px) and (max-width: 1680px)" href="max-style.css" />

 

и уже внутри файла max-style.css прописывать стили для #container

щас попробую

вроде получилось!!! . на обычных- по правому краю ( как и хотелось) , у широкоформатных по центру ( как и хотелось) , всем спасибо за помощь )

только я поменял вместо max-width: 1680px на max-width: 1920pх , так как у заказчика стоит такое разрешение ,

 

вопрос решен. спасибо