powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Может кто знает!
7 сообщений из 7, страница 1 из 1
Может кто знает!
    #35659010
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
#menu{
 	height:47px;
 	width: 372px;
 	position: absolute;
 	left: 533px;
 	top: 88px;
	background:#FFFFFF;


как всегда в Mozilla все хорошо и отлично.
В IE 6 блок сместился где то на 1px
А в Opera, что больше всего меня удивило, где-то на 10px.

Я наверное чего то не знаю про position: absolute; в различных браузерах. подскажите, пожалуйста.
...
Рейтинг: 0 / 0
Может кто знает!
    #35659047
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Можно более подробный код? Вполне вероятно что 1px это из за разницы в border, а 10px из за padding... А так чтобы более точно сказать нужен код, еще раз повторюсь.
...
Рейтинг: 0 / 0
Может кто знает!
    #35659056
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Конечно можно.
есть шапка это слой #header. и уже на нем размещается логотип #logo. и закладки #bookmarkmain, #bookmarkadd, #bookmarksearch, #bookmarkmap. Собственно все проблемы в #bookmarkmap в Mozilla все хорошо а в IE6 и Opera очень маленькое расстояние от #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.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
#header {
	float:left;
	background:#0795bd;
	margin:0px;
	height:133px;
	width:802px;
	display:inline;
}
#logo{
	background:url("/images/logo.jpg") no-repeat;
 	height: 86px;
 	width: 324px;
 	position: absolute;
 	left: 120px;
 	top: 20px;
}
#bookmarkmain{
	background:url("/images/bookmark_main.jpg") no-repeat;
 	height: 47px;
 	width: 90px;
 	position: absolute;
 	left: 528px;
 	top: 90px;
}
#bookmarkadd{
	background:url("/images/bookmark_add.jpg") no-repeat;
 	height: 40px;
 	width: 90px;
 	position: absolute;
 	left: 622px;
 	top: 95px;
}
#bookmarksearch{
	background:url("/images/bookmark_search.jpg") no-repeat;
 	height: 40px;
 	width: 90px;
 	position: absolute;
 	left: 715px;
 	top: 95px;
}
#bookmarkmap{
	background:url("/images/bookmark_map.jpg") no-repeat;
 	height: 40px;
 	width: 90px;
 	position: absolute;
 	left: 808px;
 	top: 95px;
}

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
			<div id="header">
					<!-- Begin Menu -->
					<!-- Begin Logo -->
					<div id="logo">
					</div>
					<!-- End Logo -->
					<!-- Begin Bookmark Main -->
					<div id="bookmarkmain">
					</div>
					<!-- End Bookmark Main -->
					<!-- Begin Bookmark Add -->
					<div id="bookmarkadd">
					</div>
					<!-- End Bookmark Add -->
					<!-- Begin Bookmark Search -->
					<div id="bookmarksearch">
					</div>
					<!-- End Bookmark Search -->
							<!-- Begin Bookmark Map -->
					<div id="bookmarkmap">
					</div>
					<!-- End Bookmark Map -->
			</div>
...
Рейтинг: 0 / 0
Может кто знает!
    #35659082
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
1. bookmarkmap так и должен выходить за пределы header?
2. для header не надо прописать position:relative? Тогда позиция шитаться будет имено от начала header.
3. body{margin:0xp} может исправит вашу проблему? Попробуйте в css пропишите это.
...
Рейтинг: 0 / 0
Может кто знает!
    #35659099
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ренат1. bookmarkmap так и должен выходить за пределы header?
2. для header не надо прописать position:relative? Тогда позиция шитаться будет имено от начала header.
3. body{margin:0xp} может исправит вашу проблему? Попробуйте в css пропишите это.

1. Да в опере bookmarkmap выходит за header. Так не должно быть!
2. это я не поняла зачем указывать header position:relative ?
3. body{margin:0xp} прописано изначально.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
 body{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	height:  100 %;
	width:  100 %;
}
...
Рейтинг: 0 / 0
Может кто знает!
    #35659116
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Надежда_86
1. Да в опере bookmarkmap выходит за header. Так не должно быть!
2. это я не поняла зачем указывать header position:relative ?
3. body{margin:0xp} прописано изначально.

[/src]
1. Так должно быть, у тебя ширина header меньше чем left bookmarkmap
2. position:relative сделает так чтобы отчет left и top был не от верзхнего левого угла старницы а от верхнего левого угла header.
...
Рейтинг: 0 / 0
Может кто знает!
    #35659129
Надежда_86
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ренат
1. Так должно быть, у тебя ширина header меньше чем left bookmarkmap
2. position:relative сделает так чтобы отчет left и top был не от верзхнего левого угла старницы а от верхнего левого угла header.

Спасибо!!!!!!! Поставила position:relative в header и все получилось...
Поняла, что совсем не понимаю что такое... position:relative и position:absolute ....

Большое спасибо Ренат.
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Может кто знает!
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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