Перейти к содержанию
igorfelix

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

Рекомендуемые сообщения

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

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

post-23316-0-73834500-1367234170_thumb.png

 

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

post-23316-0-23402500-1367234204_thumb.jpg

 

 

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

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

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 


#container {



    margin-left: auto;

    margin-right: 20px;

    text-align: left;

    width: 960px;



}

 

Делов-то! )


Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

измените на:

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Добрые люди

 

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

 

измените на:

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

У Вас 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;
}
 
Делов-то! )

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

 

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

  • +1 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

 

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

щас попробую

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

не усложняйте можно проще: 
 

#container {
	min-width: 960px;
	max-width:1680px;
	margin: auto;
	text-align: left;
}
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

<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х , так как у заказчика стоит такое разрешение ,

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.