|
0 / 0 / 0
Регистрация: 17.11.2010
Сообщений: 36
|
|
Фон по центру17.11.2010, 02:02. Показов 5744. Ответов 9
Метки нет (Все метки)
Прошу помощи, т.к. замучался уже искать в инете ответ на свой вопрос, может здесь хоть кто подскажет  .Вообщем идея такая: мне надо закрепить фон по центру, НО! при использовании background-position: center; margin: 0 auto; получается немного не то что надо. Фон фиксируется с этим не поспоришь, но когда начинаешь правый край браузера тянуть к левому (т.е. уменьшать окно), то картинка все так же остается по центру. А хотелось бы, чтобы фон достигнув своим левым краем левой части браузера останавливался слева и начинал обрезаться только справа. А как я написал он получается всегда в центре и режется и слева и справа. Как можно добиться желаемого результата?
0
|
|
(| 17.11.2010, 02:02 | |
|
Ответы с готовыми решениями:
9
Фон заливкой по центру
Фон во весь блок, текст по центру |
|
143 / 109 / 13
Регистрация: 13.02.2010
Сообщений: 522
|
|
| 17.11.2010, 08:30 | |
|
Не понял вопроса есть сайт пример или нарисуй что хочешь!
0
|
|
|
БТР - мой друг
333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
|
|
| 17.11.2010, 13:28 | |
|
pitonn, киньте рисунок.
0
|
|
|
0 / 0 / 0
Регистрация: 17.11.2010
Сообщений: 36
|
|
| 17.11.2010, 14:57 [ТС] | |
|
на этом рисунке ширина браузреа 1424px...
картинка центруется background-position: top center; margin: 0 auto; на этой рисунке ширина браузера 624px, и вот так происходит центровка если уменьшить ширину браузера... т.е. правый край браузера передвинуть к левому... на этом рисунке ширина браузера 624px и вот такого результата надо добиться при изменение ширины браузера... т.е. чтоб изображение резалось только с правой стороны, а не как на верхнем рисунке и слева и справа... но при этом если ширина браузера больше чем ширина картинки фона то фон всегда распологался по центру... не знаю как этого добиться... желательно чтоб фон был прописан именно как фон а не как картинка всунутая через IMG...
0
|
|
|
БТР - мой друг
333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
|
|
| 17.11.2010, 15:31 | |
|
pitonn, понял проблему. Тогда просто уберите центрирование. У вас фикс. ширины div, так что центрировать background не надо.
0
|
|
|
0 / 0 / 0
Регистрация: 17.11.2010
Сообщений: 36
|
|
| 17.11.2010, 15:42 [ТС] | |
|
так то оно так
, вот только почему-то когда прописываешь бэкграунд он имеет позиционирование относительно окна браузера, а не того div в котором находится... если б было так просто я б не писал сюда и в итоге получается что фон располагается в left:0 top: 0; а текст идет с margin: 0 auto; т.е. центруется. Получается не то что надо.
0
|
|
|
БТР - мой друг
333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
|
|
| 17.11.2010, 16:38 | |
|
pitonn, а вы поставьте его у блока, у которого margin: 0 auto.
0
|
|
|
0 / 0 / 0
Регистрация: 17.11.2010
Сообщений: 36
|
|
| 17.11.2010, 16:49 [ТС] | |
|
ставил, результат тот же... все равно позиционирует в 0 0..
0
|
|
|
Шаровик затейник
696 / 445 / 78
Регистрация: 06.05.2010
Сообщений: 1,109
|
|
| 17.11.2010, 17:15 | |
|
pitonn, а вы блоку присвоили width?
0
|
|
|
0 / 0 / 0
Регистрация: 17.11.2010
Сообщений: 36
|
|
| 17.11.2010, 17:28 [ТС] | |
|
да width: 1024px
т.е. основной контент он позиционирует правильно, а вот фон в 0 0 ложится относительно окна браузера Добавлено через 8 минут хм.. проблема оказалась в background-attachment: fixed; т.е. если убрать этот параметр то получается как надо, но при этом фон становится прокручиваемым... а надо чтоб он был всегда на месте
0
|
|
| 17.11.2010, 17:28 | |
|
Помогаю со студенческими работами здесь
10
Расположить контент по центру, а фон растягивался Выровнять фон по центру зв пределами родительского блока CSS Как разместить блоки по центру и что отвечает за фон ? Фон сайта по центру окна. Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут.
https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc
Первый документ красиво выглядит, но без схемы.
Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
|
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере".
Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита, которое может. . .
|
Команды "Заполнить" и "Очистить" на форме документа
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти".
На примере нетипового документа разработанного в конфигурации КА2.
В качестве источника данных указан регистр накопления, в который записываются данные о. . .
|
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер
Написал заготовку:
dotnet new console --aot -o UrlHandler
var items = args. Split(":");
var tag = items;
var id = items;
var executable = args;. . .
|
|
Отправка уведомления на почту при изменении наименования справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
|
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений.
9TO2GP2bpX4
a42b81fb172ffc12ca589c7898261ccb/
https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/
Слева синяя линия -. . .
|
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. .
Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
|
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++
8Observer8 24.03.2026
Содержание блога
Финальные проекты на Си и на C++:
finish-text-sdl3-c. zip
finish-text-sdl3-cpp. zip
|