Проблема с отрицательным значением margin в IE / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с отрицательным значением margin в IE

15 сообщений из 15, страница 1 из 1

Проблема с отрицательным значением margin в IE

#34908890

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>

...

Рейтинг:

0 / 0

31.10.2007, 22:14

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#34908969

Vint_x

Гость

Ну а что. если просто закрасить твой третий слой?

...

Рейтинг:

0 / 0

01.11.2007, 00:10

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#34909209

Verik

Гость

Он не реагирует на фон! То есть если на 3-й div написать background: none, унаследованый фон от первого останется.

...

Рейтинг:

0 / 0

01.11.2007, 09:10

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#34909217

Verik

Гость

Да, забыл самое главное сказать, что проблема именно в отрицательном значении margin-top. Так как если написать положительное или ноль, то проблема исчезает.

...

Рейтинг:

0 / 0

01.11.2007, 09:13

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#34909264

GWhite

Гость

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, 09:37

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#34909760

Verik

Гость

Проблема остаётся открытой. Я до сих пор не нашёл решение.

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

...

Рейтинг:

0 / 0

01.11.2007, 11:56

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#34909849

GWhite

Гость

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:15

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#34909878

GWhite

Гость

насчет содержимого и отображения беру слова обратно

...

Рейтинг:

0 / 0

01.11.2007, 12:21

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#34911200

Verik

Гость

Вобщем сделал скриншот 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, 17:58

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#34911562

GWhite

Гость

Мда...опять микрософт свинюшку подложил.
Залей белым

Код: plaintext

background-color: #fff ;

и не порти себе нервы.

...

Рейтинг:

0 / 0

01.11.2007, 20:29

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#34916597

GWhite

Гость

Ну как, нашлось решение?

...

Рейтинг:

0 / 0

05.11.2007, 13:33

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#34920516

Verik

Гость

Да, спасибо за советы. Проблема устраняется если div1 установить position: relative . Но я на самом деле то, что задумал, сделал по-другому.

...

Рейтинг:

0 / 0

07.11.2007, 00:31

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#35342523

Po6oT

Гость

Столкнулся с аналогичной проблемой; очень помогло, спасибо!

...

Рейтинг:

0 / 0

29.05.2008, 11:56

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#35355102

ZeusTheTrueGod

Участник

Сообщения: 719

Рейтинг: 0 / 0

мне очень понравилась вторая снизу закладка на последнем скриншоте со словом "бутерброд"
можно узнать ссылку, а главное, кто может на работе позволить себе такие закладки

...

Рейтинг:

0 / 0

04.06.2008, 20:33

| Ответить | Цитировать | Написать

Проблема с отрицательным значением margin в IE

#35355354

illion

Участник

Сообщения: 1 288

Рейтинг: 0 / 0

ZeusTheTrueGodмне очень понравилась вторая снизу закладка на последнем скриншоте со словом "бутерброд"
+1. :-)))

...

Рейтинг:

0 / 0

05.06.2008, 00:10

| Ответить | Цитировать | Написать

15 сообщений из 15, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с отрицательным значением margin в IE

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=34909878&tid=1456396]:	0ms
get settings:	6ms
get forum list:	11ms
check forum access:	2ms
check topic access:	2ms
track hit:	170ms
get topic data:	8ms
get forum data:	2ms
get page messages:	38ms
get tp. blocked users:	1ms
others:	209ms

total:	449ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы