Центр по вертикали - HTML и CSS

Kvakin · 25.05.2012, 12:02

Привет! У меня страница - это изображение на фоне и при уменьшении масштаба оно прилепает к верху, что сделать для отцентровки по вертикали? Спасибо.

Naive · 25.05.2012, 12:58

Код:

background-position:50% 50%;

Kvakin · 25.05.2012, 13:10

Не помогает. Спасибо.

pastuhdima · 25.05.2012, 19:23

Цитата:

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

Не помогает. Спасибо.

А блок у которого стоит фоновая картинка имеет высоту? Если высота 0 тогда работать не будет.

Naive · 26.05.2012, 10:30

Код в студию

Kvakin · 27.05.2012, 08:29

Вот CSS:
body {
background-image: url(../images/Fon.gif);
}
#wrapper {
height: 800px;
width: 1191px;
padding:0;
border: 2px solid #F00;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
line-height: normal;
}

pastuhdima · 27.05.2012, 19:59

Код HTML:

body {
	background-image: url(путь);
	background-repeat:no-repeat;
	background-position: 50% 50%;
}

#wrapper {
	height: 800px;
	width: 1191px;
	padding:0;
	border: 2px solid #F00;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	line-height: normal;
}

Показывает по центру. Смотрел в Google Chrome, IE 7-9. Скрин в придачу.

Kvakin · 27.05.2012, 20:52

Всех благ. Спасибо.

pastuhdima · 27.05.2012, 21:01

Цитата:

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

Всех благ. Спасибо.

Вам тоже удачи

25.05.2012, 12:02	#1
Kvakin Пользователь Регистрация: 18.03.2012 Сообщений: 15	Центр по вертикали Привет! У меня страница - это изображение на фоне и при уменьшении масштаба оно прилепает к верху, что сделать для отцентровки по вертикали? Спасибо.

25.05.2012, 12:58	#2
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	Код: `background-position:50% 50%;` Alar, верни репу!

26.05.2012, 10:30	#5
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	Код в студию Alar, верни репу!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Фиксированное позиционирование, только по вертикали.	VladimirNew	HTML и CSS	2	26.04.2012 19:37
Позиция меню по вертикали	segail	HTML и CSS	27	12.02.2012 00:00
автофильтр по вертикали	gling	Microsoft Office Excel	0	04.05.2010 23:17
Выравнивание текста по вертикали	bowa	HTML и CSS	8	20.09.2009 20:34
Как прокрутить ListBox по вертикали?	TwiX	Общие вопросы Delphi	5	29.07.2009 21:23

25.05.2012, 13:10	#3
Kvakin Пользователь Регистрация: 18.03.2012 Сообщений: 15	Не помогает. Спасибо.

27.05.2012, 08:29	#6
Kvakin Пользователь Регистрация: 18.03.2012 Сообщений: 15	Вот CSS: body { background-image: url(../images/Fon.gif); } #wrapper { height: 800px; width: 1191px; padding:0; border: 2px solid #F00; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; line-height: normal; }

27.05.2012, 20:52	#8
Kvakin Пользователь Регистрация: 18.03.2012 Сообщений: 15	Всех благ. Спасибо.