Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/25: Рейтинг темы: голосов - 25, средняя оценка - 4.60
 Аватар для Nebiros
41 / 40 / 16
Регистрация: 23.03.2010
Сообщений: 3,122

растяжение фона по ширине

23.08.2010, 17:24. Показов 4679. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
изучая конструкцию одного сайта обнаружил такое - картинка фон размером 235*2046 , на этом сайте видно что картинка 2046 по высоте но по ширине не 235 а занимает все 100% ширины , в CSS смотрел там написано так
CSS
1
bg { background:url("bg.jpg") repeat-y scroll right top transparent;}
но попытался себе так же сделать и ширина у меня была в 235 пикселей , как его сделать на 100% ?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
23.08.2010, 17:24
Ответы с готовыми решениями:

Растяжение фона в таблице
Я пытаюсь растянуть фон по одной из таблиц, но в IE 8 получается какая-то ерунда. Вот код: <!--> <style...

Как сделать высоту равной ширине при ширине 100%?
как можно сделать элемент(например таблицу) квадратным, т.е. высота равна ширине(ширина 100%)

Как сделать растяжение по ширине экрана
Dim A As Double Dim q As Double Dim j As Integer Dim ar(1 To 1000) As Double Dim k As Integer Dim l As Integer Dim t As Integer...

4
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
23.08.2010, 22:38
Nebiros, ну а проблема то в чем? Неужели первый раз столкнулся со свойством background?
Это обычный repeat-y, то есть повторение картинки по горизонтали на всю ширину блока.
0
 Аватар для Nebiros
41 / 40 / 16
Регистрация: 23.03.2010
Сообщений: 3,122
23.08.2010, 22:49  [ТС]
Цитата Сообщение от Alorian Посмотреть сообщение
Nebiros, ну а проблема то в чем? Неужели первый раз столкнулся со свойством background?
Это обычный repeat-y, то есть повторение картинки по горизонтали на всю ширину блока.
ну так в том то и проблема что при repeat-y фон шириной в 235px остальное белый фон .

добавил туда
CSS
1
-moz-backgroud-size:100% 2046px
, результат получил тот что нужно НО -прокрутка тормозит ужасно и не ко всем браузерам такой вариант подходит (а там на сайте такого варианта невидел и прокрутка плавно идет) , в этом проблема.
0
Шаровик затейник
 Аватар для Crudelis
696 / 445 / 78
Регистрация: 06.05.2010
Сообщений: 1,109
24.08.2010, 00:54
обычно чтоб растянулся фон на 100% пустого пространства хватает простого repeat-y по игреку или repeat-х по иксу, видимо где то накосячил в остальном коде, проверяй
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
25.08.2010, 06:26
Nebiros, repeat-y повторяет по вертикали, repeat-x повторяет изображение по горизонтали на всю ширину блока. Как жеж я так ошибся. Мда.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
25.08.2010, 06:26
Помогаю со студенческими работами здесь

Растяжение ширины столбцов по всей ширине таблицы
Доброго времени суток! Не могли бы подсказать, как сделать так, чтоб все столбцы растягивались по всей ширине таблицы (QTableView)?

Формирование фона Sidebar'a графическим файлом и изменение размера фона
Фон сайд баров сформирован повторяющейся линий (графика в png). Как можно так подвигать этот участок серого фона чтобы зона виджетов за...

Растяжение DataGridView
надо програмно создать таблицу, и задать ей размер на всю форму. когда пытался написать DataGridView.Dock = Fill; выдало ошибку, точнее...

XAML и растяжение
Подскажите, как используя XAML заполнить всю область. Например: <Grid> <Grid.RowDefinitions> ...

Растяжение компонентов
При растяжении формы, компоненты как были так и лежат. Как сделать чтоб пропорционально растягивались, взависимости от растяжение формы. ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
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. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru