Перейти к содержимому

Реферальная программа Мегаплана


Растягивание фона во всю ширину браузера (резиновый фон)

#11 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13
0

Отправлено 28 Июнь 2012 - 20:13

bg-body: ссылка

bg-fon: ссылка (почему то не видно черточек, но они такие же, как на верхнем изображении за наклейкой)
  • 0

#12 Symphony

Symphony
  • Пользователь
  • 636 сообщений
  • Репутация: 54

Отправлено 28 Июнь 2012 - 20:14

срочно матчасть, а то это не возможно, даже моя бабушка знает как картинку показать
  • 0


#13 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 Июнь 2012 - 20:15

yury, то, что вы предложили выше, в принципе, сработало, но черточки остаются только в шапке.
  • 0

#14 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 28 Июнь 2012 - 20:19

denis,
замените в css
html{
	background:url(images/bg-fon.jpg) center top no-repeat;
	}

на
html{
	background:url(fon.jpg) center top;
}
То что выше я писал — отмените: я не увидел раньше косой штриховки на вашем скриншоте.

Но, конечно, фоновое изображение надо обязательно оптимизировать. Ибо 700Кб, для такого простенького фона — это нечто, там маленькой картинки где-то 5х5 пикселей и размером в несколько байт достаточно. К сожалению мне надо убегать, так что если до тех пор никто другой не поможет с ней, завтра вам помогу ее оптимизировать.
  • 1

#15 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 Июнь 2012 - 20:21

Шапка осталась как была, а остальной фон стал белым.
Я то, что не получается, соответственно, удаляю.


  • 0

#16 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 28 Июнь 2012 - 20:28

Опечатка: путь к картинке потерялся (тороплюсь), правильно так:

html{
background:url(images/fon.jpg) center top;
}
Все я убежал.
  • 1

#17 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 28 Июнь 2012 - 20:41

К сожалению, эффект тот же. В Google тоже ничего найти не могу.

Все я убежал.

4b810d947d4e68081f0183669658dd5e.jpg
  • 0

#18 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 28 Июнь 2012 - 21:31

Шо? Опять? :)
Вот что значит на бегу все делать.
Короче, вот так нормально должно быть:

html{
background:url(images/bg-fon.jpg) center top;
}

Т.е. просто убрать свойство no-repeat у фона.
  • 1

#19 denis

denis
    Topic Starter
  • Заблокированные
  • 173 сообщений
  • Репутация: -13

Отправлено 29 Июнь 2012 - 04:51

Теперь работает, спасибо! :)
  • 0

#20 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 29 Июнь 2012 - 11:40

Как обещал, оптимизированная фоновая картинка (вместо вашего 700-килобайтного bg-fon.jpg):
bg-fon.png (172 байта, 5х5пикселей): ссылка
сохраняете ее себе в папку images под именем bg-fon.png, в стилях меняете
html{
  background:url(images/bg-fon.jpg) center top;
}
на
html{
  background:url(images/bg-fon.png) center top;
}

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru