Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css выравнивание картинки по центру / 3 сообщений из 3, страница 1 из 1
30.11.2014, 22:15
    #38820895
dik_k
dik_k
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css выравнивание картинки по центру
Понимаю, что интернет изобилует советами по этому поводу, но хочу понять почему у меня не работает наиболее понравившийся мне способ выравнивания?
Здесь я на градиент (по ширине 100% экрана) накладываю картинку. Картинку хочу оццентрировать через margin: 0 auto;
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
.......
	<body>

		<div id="header">
			<div class="capt"></div>
                      </div>
.........


Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
*{	margin:0; padding:0; }

#header {
	height: 233px;
	background: #ffffff url(img/bok.jpg) repeat-x;
	position: relative;
}

#header div.capt {
	height: 233px;
	width: 1024px;
	background: url(img/capt.jpg);
	position: absolute;
	top:0px;
	margin: 0 auto;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.12.2014, 08:18
    #38820993
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css выравнивание картинки по центру
dik_k , у тебя какая-то каша...
Не картинка, а фон... Див абсолютно позиционированный, но пытаешся его двигать маргином...

Фон центрируется своими ЦСС-свойствами. Абсолютно позиционированный элемент устанавливается своими.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.12.2014, 09:17
    #38821027
dik_k
dik_k
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
css выравнивание картинки по центру
Спассибо, сделал - убрал позиционирование и всё заработало
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / css выравнивание картинки по центру / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 435ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1446480]:
 0ms
get settings:
 6ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 146ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 46ms
get tp. blocked users:
 1ms
others: 204ms
total:  435ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]