Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с отрицательным значением margin в IE / 15 сообщений из 15, страница 1 из 1
31.10.2007, 22:14
    #34908890
Verik
Verik
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
Пожалуйста, помогите мне. Проблема вот в чём: у меня 3 вложенных друг в друга div-а и у последнего стоит margin-top отрицательный (что бы он немного залазил на предыдущий). И у первого стоит изображение на фоне, так вот проблема в том, что и у последнего появляется тот же фон.

Вот код с проблемой:
Код: 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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
#div1 {
	background:url(images/fon_header.jpg) no-repeat;
}
#div2 {
	height:200px;
}
#div3 {
	margin-top:-50px;
	height:400px;
}
</style>
</head>
<body>
<div id="div1">
	<div id="div2"></div>
	<div id="div3">asdasd asd asd</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.11.2007, 00:10
    #34908969
Vint_x
Vint_x
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
Ну а что. если просто закрасить твой третий слой?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.11.2007, 09:10
    #34909209
Verik
Verik
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
Он не реагирует на фон! То есть если на 3-й div написать background: none, унаследованый фон от первого останется.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.11.2007, 09:13
    #34909217
Verik
Verik
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
Да, забыл самое главное сказать, что проблема именно в отрицательном значении margin-top. Так как если написать положительное или ноль, то проблема исчезает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.11.2007, 09:37
    #34909264
GWhite
GWhite
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
VerikПожалуйста, помогите мне. Проблема вот в чём: у меня 3 вложенных друг в друга div-а и у последнего стоит margin-top отрицательный (что бы он немного залазил на предыдущий). И у первого стоит изображение на фоне, так вот проблема в том, что и у последнего появляется тот же фон.

Вот код с проблемой:
Код: 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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
#div1 {
	background:url(images/fon_header.jpg) no-repeat;
}
#div2 {
	height:200px;
}
#div3 {
	margin-top:-50px;
	height:400px;
}
</style>
</head>
<body>
<div id="div1">
	<div id="div2"></div>
	<div id="div3">asdasd asd asd</div>
</div>
</body>
</html>



1.Все правильно - все блоки, кроме первого, прозрачные.
2. background: none не делает блок непрозрачным, см. про свойство background
3.У меня проблема не исчезла.
4.Про наследование не в тему имхо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.11.2007, 11:56
    #34909760
Verik
Verik
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
Проблема остаётся открытой. Я до сих пор не нашёл решение.

P.S. Кто не понял, что за проблема - div3 получает такой-же background как и div1 (но только в IE). И я не понимаю как его отключить.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.11.2007, 12:15
    #34909849
GWhite
GWhite
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
VerikПроблема остаётся открытой. Я до сих пор не нашёл решение.

P.S. Кто не понял, что за проблема - div3 получает такой-же background как и div1 (но только в IE). И я не понимаю как его отключить.

Приведите скрин (броузер != IE) пожалуйста. Приведенный код ведет себя в мозиле, опере и ие одинаково и не так, как вам надо (?). Может вы привели не тот код (как минимум там нет вложенных друг в друга 3х блоков и второй блок не отобразиться, т.к. нет содержимого)?

Код: plaintext
1.
2.
3.
<div id="div1">
	<div id="div2"></div>
	<div id="div3">asdasd asd asd</div>
</div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.11.2007, 12:21
    #34909878
GWhite
GWhite
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
насчет содержимого и отображения беру слова обратно
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.11.2007, 17:58
    #34911200
Verik
Verik
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
Вобщем сделал скриншот Opera & IE. То есть по логике должно работать как в опере!

Вот код страницы (я добавил border, что бы было нагляднее):
Код: 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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
#div1 {
	background:url(test.jpg) no-repeat;
	border:1px solid # 000000 ;
}
#div2 {
	height:150px;
	border:1px solid #0000FF;
}
#div3 {
	margin-top:-50px;
	height:300px;
	border:1px solid #FF0000;
}
</style>
</head>
<body>
<div id="div1">
	<div id="div2"></div>
	<div id="div3">asdasd asd asd</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.11.2007, 20:29
    #34911562
GWhite
GWhite
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
Мда...опять микрософт свинюшку подложил.
Залей белым
Код: plaintext
background-color: #fff ;
и не порти себе нервы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.11.2007, 13:33
    #34916597
GWhite
GWhite
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
Ну как, нашлось решение?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.11.2007, 00:31
    #34920516
Verik
Verik
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
Да, спасибо за советы. Проблема устраняется если div1 установить position: relative . Но я на самом деле то, что задумал, сделал по-другому.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.05.2008, 11:56
    #35342523
Po6oT
Po6oT
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
Столкнулся с аналогичной проблемой; очень помогло, спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.06.2008, 20:33
    #35355102
ZeusTheTrueGod
ZeusTheTrueGod
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
мне очень понравилась вторая снизу закладка на последнем скриншоте со словом "бутерброд"
можно узнать ссылку, а главное, кто может на работе позволить себе такие закладки
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.06.2008, 00:10
    #35355354
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с отрицательным значением margin в IE
ZeusTheTrueGodмне очень понравилась вторая снизу закладка на последнем скриншоте со словом "бутерброд"
+1. :-)))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с отрицательным значением margin в IE / 15 сообщений из 15, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 333ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1456396]:
 0ms
get settings:
 6ms
get forum list:
 15ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 31ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 50ms
get tp. blocked users:
 1ms
others: 214ms
total:  333ms
x
x
Закрыть


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