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

(Ответов: 4, Просмотров: 3153)
  1. Новичок Аватар для Levinalex88
    • Регистрация: 18.11.2013
    • Сообщений: 2
    • Репутация: 0
    Здравствуйте! Созданием сайтов занялся недавно. И столкнулся с такой проблемой. Картинка фона главной страницы имеет размер 1366*768. Но когда сайт открывают с мониторами разрешение которых меньше, то страница открывается не полностью и ее приходиться скролись и вбок и вниз и соответственно когда сайт открывают с разрешением экранов больше, то картинка фона меньше экрана и картинка просто весит на белом фоне. Как сделать что бы картинка фона главной страницы открывалась для всех разрешений экрана одинаково? И сохранялись пропорции?
    Заранее спасибо!
    • 0
  2. Студент Аватар для lodas
    • Регистрация: 30.10.2012
    • Сообщений: 68
    • Репутация: 5
    Хм... Тут на самом деле трудно сказать не видя саму картинку. Если у вас красочная картинка фона, то тянуть ее нельзя- иначе теряется качество. В таких случаях делайте либо фиксированный дизайн либо вырезайте части этого фона которые не тянуться и позиционируйте их.
    Ну а если у вас однотонный фон или узор, то делайте:
    Код HTML:
    width:100%;//для блока в котором фон
    
    /*для картинки фона*/
    background-image: url(images/bg_grey.png); /* Путь к фоновому рисунку */
    background-repeat: repeat-x; /* Повторяем фон по горизонтали */
    • 0
  3. Студент Аватар для Weman
    • Регистрация: 14.12.2013
    • Сообщений: 61
    • Репутация: 9
    Levinalex88, обычно картинку центрирую относительно центра экрана и когда пользователи заходят с разным разрешением экрана, то относительно центра экрана у них все отлично, а вот остальная часть картинки - сколько влезет. Надеюсь понятно написал
    • 0
  4. Дипломник
    • Регистрация: 15.07.2013
    • Сообщений: 189
    • Репутация: 43
    • Webmoney BL: ?
    Можно подготовить разные фоновые картинки и подставлять нужную через media-queries в css.

    Если на маленьком экране появляется скролл - значит, что-то не то с версткой. На экране должен быть виден только фрагмент фона, остальное прячется. Пример: _http://зимниепалатки.рф - задний фон (с фотографиями) имеет ширину 2000 пикселей, горизонтального скролла нет.
    • 0
  5. Гуру Аватар для worldfoto
    • Регистрация: 10.01.2013
    • Сообщений: 651
    • Репутация: 75
    • Webmoney BL: ?
    Фишка в том что есть резиновые шаблоны. они растягиваются до большого разрешения экрана.
    -HostPro.ua_ - Лучший хостинг. Пожизненная скидка -10% с промокодом, на хостинг P235603-39483, на Cервера P235603-64089
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Отображение экрана на разных мониторах
Оффтоп и свободные темы 13 29.01.2013 20:39
Как посмотреть сайт в разных разрешениях?
Вопросы от новичков 3 25.12.2012 15:06
Как сделать так, что бы при поисковой выдаче по определённым запросам выдавалась не главная, а целевая страница?
Вопросы от новичков 6 04.08.2012 20:47
Главная страница
Web программирование 7 17.03.2011 16:05
Главная страница
Web программирование 0 29.11.2010 22:24

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры