Как решить проблему CSS растяжка блока

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Как решить проблему CSS растяжка блока, background-size

Опции

kelevra

Topic Starter

11.1.2016, 14:01; Ответить: kelevra

Сообщение #1

Участник

Группа: User
Сообщений: 196
Регистрация: 29.7.2012
Из: Бишкек
Поблагодарили: 7 раз
Репутация:

-2

Такая проблема.
Существует Изображение 1 экрана. Шириной 1400px.

CSS:

Код

#screen1wrapper {
width: 100%;
height: 560px;
background: url(images/screen1image.jpg) no-repeat fixed;
  -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
}

При на ноутбуке отображается правильно:

При увеличении маштаба получается такое:

При уменьшении маштаба получается такое, наложение на текст:

То есть на разных экранах отображается по разному.
Каким образом добиться того, чтобы отображалось везде фиксировано? при условии того, что ширина изображения 1400px. Фиксированную ширину блока в 1400px ставить нет смысла, т.к при больших разрешениях экрана будет виден конец.

Может кто сталкивался с этим и совет даст?

--------------------

Качественный хостинг - 3$ за 3000мб и 30 сайтов

Ответить с цитированием данного сообщения

Geers Geers 11.1.2016, 14:13; Сообщений: 1231 Поблагодарили: 659 раз Репутация: 95 Просмотр профиля	11.1.2016, 14:13; Ответить: Geers Сообщение #2
Старожил Группа: Banned Сообщений: 1231 Регистрация: 13.4.2011 Поблагодарили: 659 раз Репутация: 95	У вас вообще бардак, свойства стилей противоречат друг другу. По коду все правильно отображается.

kelevra Topic Starter kelevraTopic Starter 11.1.2016, 14:21; Сообщений: 196 Поблагодарили: 7 раз Репутация: -2 Просмотр профиля	Topic Starter 11.1.2016, 14:21; Ответить: kelevra Сообщение #3
Участник Группа: User Сообщений: 196 Регистрация: 29.7.2012 Из: Бишкек Поблагодарили: 7 раз Репутация: -2	Так может подскажете? Вот ссылка на сайт, если кому нужна: http://goo.gl/55gjqR Сообщение отредактировал kelevra - 11.1.2016, 14:21 -------------------- Качественный хостинг - 3$ за 3000мб и 30 сайтов

mmkulikov mmkulikov 11.1.2016, 14:22; Сообщений: 2414 Поблагодарили: 685 раз Репутация: 76 Просмотр профиля	11.1.2016, 14:22; Ответить: mmkulikov Сообщение #4
Старожил Группа: Active User Сообщений: 2414 Регистрация: 21.9.2012 Из: СССР Поблагодарили: 685 раз Репутация: 76	Цитата(kelevra @ 11.1.2016, 12:01) background-size: 100%; Для Ваших целей необходимо использовать не 100% , а contain -------------------- Сдается, обращаться скайп *avdesk-it-kmm* VPS от 5€

kelevra Topic Starter kelevraTopic Starter 11.1.2016, 14:22; Сообщений: 196 Поблагодарили: 7 раз Репутация: -2 Просмотр профиля	Topic Starter 11.1.2016, 14:22; Ответить: kelevra Сообщение #5
Участник Группа: User Сообщений: 196 Регистрация: 29.7.2012 Из: Бишкек Поблагодарили: 7 раз Репутация: -2	Может как то зафиксировать и растянуть?? -------------------- Качественный хостинг - 3$ за 3000мб и 30 сайтов

Alexandr_js Alexandr_js 11.1.2016, 14:25; Сообщений: 241 Поблагодарили: 44 раза Репутация: 8 Просмотр профиля	11.1.2016, 14:25; Ответить: Alexandr_js Сообщение #6
Участник Группа: Banned Сообщений: 241 Регистрация: 21.7.2015 Поблагодарили: 44 раза Репутация: 8	kelevra, надо связать 2 картинки вместе, чтобы высота была одинаковая, тогда будет все работать. Сообщение отредактировал Alexandr_js - 11.1.2016, 14:34 -------------------- Забанен за мошенничество

mmkulikov mmkulikov 11.1.2016, 14:25; Сообщений: 2414 Поблагодарили: 685 раз Репутация: 76 Просмотр профиля	11.1.2016, 14:25; Ответить: mmkulikov Сообщение #7
Старожил Группа: Active User Сообщений: 2414 Регистрация: 21.9.2012 Из: СССР Поблагодарили: 685 раз Репутация: 76	Цитата(kelevra @ 11.1.2016, 12:21) Вот ссылка на сайт Так на сайте у Вас совсем по другому сверстано... -------------------- Сдается, обращаться скайп *avdesk-it-kmm* VPS от 5€

kelevra

Topic Starter сообщение

11.1.2016, 14:37; Ответить: kelevra

Сообщение #8

Участник

Группа: User
Сообщений: 196
Регистрация: 29.7.2012
Из: Бишкек
Поблагодарили: 7 раз
Репутация:

-2

А для слайдера на главной каким образом так сделать?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

--------------------

Качественный хостинг - 3$ за 3000мб и 30 сайтов

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Как вывести деньги в Украине с заблокированного Юмани ?	28	freeax	4562	12.4.2024, 1:22 автор: PostMan1
Как вы отдыхаете от работы за компом	148	adw-kupon.ru	19646	8.4.2024, 10:37 автор: Skyworker
Как вы бросили работу и перешли на заработок с сайтов?	18	uahomka	3049	5.4.2024, 5:53 автор: Skyworker
Как бездомные хранят деньги?	81	metvekot	13625	31.3.2024, 12:44 автор: Boymaster
Как отозвать банковский платеж фрилансеру?	29	metvekot	4266	31.3.2024, 0:17 автор: Liudmila

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 16.4.2024, 10:01

Дизайн