Трудности с фоном сайта!!!

@lis3009 · Регистрация: 09.07.2011

Author24 — интернет-сервис помощи студентам

Подскажите пожалуйста, как сделать фон сайта, таким чтобы он на разных мониторах (отличающихся разрешением экрана) всегда имел коректное соотношение сторон и его НЕ надо было прокручивать. Т.е. чтобы был зафиксированный во весь экран сайт.

@vasvas7775 · 09.07.2011, 17:28

Ну полозок допустим можно убрать.
Но при заполнении страницы контентом, она будет растягиваться вниз, и с этим все равно ничего не сделаешь, если только много страниц, и на каждой по чуть - чуть текста......

@Crudelis · 09.07.2011, 19:04

с помощью джаваскрипта такое можно реализовать, но тогда Вам в другую ветку форума

@lis3009 · 09.07.2011, 20:01 **[ТС]**

Сообщение от Crudelis

с помощью джаваскрипта такое можно реализовать, но тогда Вам в другую ветку форума

Можно сылочку?

@vasvas7775 · 09.07.2011, 21:45

Имеется в виду, что вам в раздел JS

@SFED · 09.07.2011, 22:23

Если честно, не совсем понял в чем проблема... Но попытаюсь помочь=)
lis3009, для работы с фоной используй свойство css - background, а точнее его аттребут background-attachment со значением fixed.
Что-то вроде этого:

CSS

1	.stylename{background:url("background.gif"); background-attachment:fixed;}

И если фоновая картинка маленького расширения, то можно ее растянуть по окну браузера аттребутом background-repeat.

Или есть подобный вариант без использования css:

HTML5

1	<body background="background.gif" bgproperties=fixed>

@Crudelis · 09.07.2011, 23:23

lis3009, примерно как то так можно получить размер рабочей части браузера:

Javascript

<script type="text/javascript">
//IE5+, Mozilla 1.0+, Opera 7+
 
function getClientWidth()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}
 
function getClientHeight()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}
 
</script>

@lis3009 · 10.07.2011, 00:12 **[ТС]**

Сообщение от SFED

Если честно, не совсем понял в чем проблема...

На множестве сайтов, когда открываешь главную страницу то её приходится прокручивать колёсиком мышки, чтобы просмотреть полностью. Я хочу этого избежать и сделать так, чтобы моя главная страница заполняла полностью всё пространство монитора независимо от его разрешения.

@ctpz · 12.07.2011, 16:38

Вы хотите что-то на подобие http://do-holiday.ru/ ?

@lis3009 · 12.07.2011, 19:42 **[ТС]**

Сообщение от ctpz

Вы хотите что-то на подобие http://do-holiday.ru/ ?

Совершенно верно.

@lis3009 0 / 0 / 0 Регистрация: 09.07.2011 Сообщений: 20
		1
	Трудности с фоном сайта!!! 09.07.2011, 16:17. Показов 812. Ответов 9 Метки нет (Все метки) Подскажите пожалуйста, как сделать фон сайта, таким чтобы он на разных мониторах (отличающихся разрешением экрана) всегда имел коректное соотношение сторон и его НЕ надо было прокручивать. Т.е. чтобы был зафиксированный во весь экран сайт. 0

@vasvas7775 Обитатель 317 / 317 / 42 Регистрация: 24.12.2010 Сообщений: 795
	09.07.2011, 17:28	2
	Ну полозок допустим можно убрать. Но при заполнении страницы контентом, она будет растягиваться вниз, и с этим все равно ничего не сделаешь, если только много страниц, и на каждой по чуть - чуть текста...... 0

@Crudelis Шаровик затейник 696 / 445 / 78 Регистрация: 06.05.2010 Сообщений: 1,109
	09.07.2011, 19:04	3
	с помощью джаваскрипта такое можно реализовать, но тогда Вам в другую ветку форума 1

@lis3009 0 / 0 / 0 Регистрация: 09.07.2011 Сообщений: 20
	09.07.2011, 20:01 [ТС]	4
	Сообщение от Crudelis с помощью джаваскрипта такое можно реализовать, но тогда Вам в другую ветку форума Можно сылочку? 0

@vasvas7775 Обитатель 317 / 317 / 42 Регистрация: 24.12.2010 Сообщений: 795
	09.07.2011, 21:45	5
	Имеется в виду, что вам в раздел JS 1

@lis3009 0 / 0 / 0 Регистрация: 09.07.2011 Сообщений: 20
	10.07.2011, 00:12 [ТС]	8
	Сообщение от SFED Если честно, не совсем понял в чем проблема... На множестве сайтов, когда открываешь главную страницу то её приходится прокручивать колёсиком мышки, чтобы просмотреть полностью. Я хочу этого избежать и сделать так, чтобы моя главная страница заполняла полностью всё пространство монитора независимо от его разрешения. 0

@ctpz 4 / 4 / 1 Регистрация: 02.07.2011 Сообщений: 39
	12.07.2011, 16:38	9
	Вы хотите что-то на подобие http://do-holiday.ru/ ? 0

@lis3009 0 / 0 / 0 Регистрация: 09.07.2011 Сообщений: 20
	12.07.2011, 19:42 [ТС]	10
	Сообщение от ctpz Вы хотите что-то на подобие http://do-holiday.ru/ ? Совершенно верно. 0