Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Может кто знает! / 7 сообщений из 7, страница 1 из 1
17.11.2008, 21:06
    #35659010
Надежда_86
Надежда_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
| Ответить | Цитировать | Написать  
17.11.2008, 21:36
    #35659047
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Может кто знает!
Можно более подробный код? Вполне вероятно что 1px это из за разницы в border, а 10px из за padding... А так чтобы более точно сказать нужен код, еще раз повторюсь.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2008, 21:44
    #35659056
Надежда_86
Надежда_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
| Ответить | Цитировать | Написать  
17.11.2008, 22:11
    #35659082
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Может кто знает!
1. bookmarkmap так и должен выходить за пределы header?
2. для header не надо прописать position:relative? Тогда позиция шитаться будет имено от начала header.
3. body{margin:0xp} может исправит вашу проблему? Попробуйте в css пропишите это.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2008, 22:22
    #35659099
Надежда_86
Надежда_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
| Ответить | Цитировать | Написать  
17.11.2008, 22:36
    #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
| Ответить | Цитировать | Написать  
17.11.2008, 22:46
    #35659129
Надежда_86
Надежда_86
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Может кто знает!
Ренат
1. Так должно быть, у тебя ширина header меньше чем left bookmarkmap
2. position:relative сделает так чтобы отчет left и top был не от верзхнего левого угла старницы а от верхнего левого угла header.

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

Большое спасибо Ренат.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Может кто знает! / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 358ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455567]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 41ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 39ms
get tp. blocked users:
 2ms
others: 234ms
total:  358ms
x
x
Закрыть


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