Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с div'ами / 4 сообщений из 4, страница 1 из 1
29.04.2009, 14:52
    #35961076
spider13
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с div'ами
Кто может подсказать почему слой logo не находиться в слое header, а выходит за его пределы?
Код проведен ниже.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<!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" xml:lang="ru-ru" lang="ru-ru">
<head>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
</body>
<div id="headerwrap">
	<div id="header">
		<div id="logo">
		</div>
		<div id="search">
			FIND
		</div>
		<div id="navigator">
			fsdfsdf
		</div>
	</div>
</div>
<div id="headershadow"></div>
<div id="contentwrap">
	<div id="content">
	</div>
</div>
<div id="footerwrap">
	<div id="footer">
asdasdasdasd
	</div>
</div>
</html>

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
body {
	padding: 0px;
	margin: 0px;
	width:  100 %;
}

#headerwrap {
	position: relative;
	height: 100px;
	width:  100 %;
	background: # 202020 ;
	border-bottom: 3px solid #FF9B14;
	z-index:  101 ;
}

#header {
	clear: both;
	width: 950px;
	height: 100px;
	margin: 0px auto;
	background-color: #FFFF00;
}

#header #logo{
	clear: both;
	position: absolute;
	left: 5px;
	top: 5px;
	background-color: #FF00FF;
	width: 100px;
	height: 35px;
}

#header #search {
	position: absolute;
	right: 0px;
	top: 15px;
}

#header #navigator {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 30px;
}

#headershadow {
	clear: both;
	background: url(images/h-shadow.gif) repeat-x center top # 333333 ;
	height: 21px;
	width:  100 %;
	line-height: normal;
	padding-bottom: 0px;
}

#contentwrap {
	position: relative;
	width:  100 %;
	background-color: rgb( 51 ,  51 ,  51 );
}

#content {
	width: 950px;
	margin: 0px auto 0px auto;
}

#footerwrap {
	position: relative;
	width:  100 %;
	background-color: rgb( 32 ,  32 ,  32 );
}

#footer {
	width: 950px;
	margin: 0px auto 0px auto;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.04.2009, 16:01
    #35961315
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с div'ами
#logo исключен из нормального потока данных за счет position:absolute. Так как ближайший его контейнер, чей position отличен от static - это #headerwrap, то и позиционирование #logo происходит относительно #headerwrap. Решением может стать задание position:relative для #header, тогда #logo будет позиционироваться относительно него.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.04.2009, 17:34
    #35961650
spider13
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с div'ами
Спасибо, проблема решена.
Не подскажете где можно найти литературу по данной теме?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.04.2009, 00:29
    #35962294
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с div'ами
Эрик Мейер " CSS - каскадные таблицы стилей. Подробное руководство " - моя настольная книга-справочник по css.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с div'ами / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 516ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1454895]:
 0ms
get settings:
 7ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 224ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 30ms
get tp. blocked users:
 1ms
others: 221ms
total:  516ms
x
x
Закрыть


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