Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / ie6 и margin / 13 сообщений из 13, страница 1 из 1
24.06.2009, 17:51
    #36058243
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ie6 и margin
Умом ie6 не понять)))

вообщем есть такой css
Код: 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.
.button {
	margin: 5px auto 0px auto;
	background-image: url(images/button.jpg);
	background-repeat: no-repeat;
	padding: 10px 17px 11px 14px;
	height: 22px;
	width: 79px;
}

.button input {
	background: none;
	border: none;
	color: rgb( 83 ,  83 ,  83 );
	cursor: pointer;
	font-size: 12px;
	height: 22px;
	width: 79px;
	margin: 0px;
	padding: 0px;
}

#login {
	margin: 3px 13px;
}

#login label {
	display: block;
	margin: 10px 0px 0px 0px;
}

#login .edit {
	width: 150px;
}

#login .lost {
	background-image: url(images/lost.jpg);
	background-repeat: no-repeat;
	padding: 6px 0px 0px 35px;
	margin: 6px 0px 0px 0px;
	height: 28px;
}

и сам код
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
			<div class="window">
				<h1><div><div>Login</div></div></h1>
				<div class="content">
					<div id="login"><form method="post"><input type="hidden" name="action" value="login" />
						<label>Login</label>
						<input type="text" class="edit" name="user" />
						<label>Password</label>
						<input type="password" class="edit" name="password" />
						<div class="lost"><a href="#">Lost</a></div>
						<div class="button"><input type="submit" value="Enter" /></div>
					</form></div>
				</div>
			</div>

Проблема в том что, к слою <div class="button"><input type="submit" value="Enter" /></div> ie6 добавляет margin слоя login. Почему так получаеться?
...
Рейтинг: 0 / 0
24.06.2009, 18:04
    #36058281
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ie6 и margin
Решение найдено.
вместо margin использовать padding
...
Рейтинг: 0 / 0
24.06.2009, 23:43
    #36058654
ZeroHold
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ie6 и margin
Мда иногда полезно перед вопросом почитать что-нибудь полезное типа чем отличаются margin и padding :)
Это все равно что придти в магазин и сказать хочу машину а тебе дают велосипед. а какая разница ? И там и там колеса!

Мои знания здесь
...
Рейтинг: 0 / 0
25.06.2009, 08:46
    #36058818
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ie6 и margin
А самое главное это обвинить во всем ИЕ!
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
25.06.2009, 12:11
    #36059297
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ie6 и margin
Мда, пофлудить тут народ любит.
А вот объяснить про глюк 6го ie с margin никто не может!
...
Рейтинг: 0 / 0
25.06.2009, 13:40
    #36059563
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ie6 и margin
Какой глюк? Двойной отступ, что ли?
...
Рейтинг: 0 / 0
25.06.2009, 13:50
    #36059604
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ie6 и margin
Да, причем в дочернем элементе он не убирается, даже если задать ему margin: 0px; padding 0px;
...
Рейтинг: 0 / 0
25.06.2009, 16:48
    #36060189
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ie6 и margin
Ну, это уже настолько изъезженая тема и такой распространенный баг, что думал, что знают уже все ... Лечится очень просто: надо для дива прописать display:inline.
...
Рейтинг: 0 / 0
25.06.2009, 18:15
    #36060453
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ie6 и margin
Ну это для професионалов изъезженая, я пока новичёк. А там inline непрокатит, мне нужен блочный элемент.
...
Рейтинг: 0 / 0
25.06.2009, 19:06
    #36060525
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ie6 и margin
А ты попробуй ... где ты видел, чтобы див был инлайновым? Но зато при установке такого стиля баг исчезает.
А если очень муляет, то просто поставь затычку для ИЕ6:
Код: plaintext
1.
2.
* html .button {
    display:inline;
}
Гарантировано - работает.
...
Рейтинг: 0 / 0
25.06.2009, 19:20
    #36060540
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ie6 и margin
а если установить

* html .button {
display:inline;
}

то разве не разрушиться сам .button??
насколько мне известно то padding и margin для inline и block элементов работают по разному!
...
Рейтинг: 0 / 0
25.06.2009, 22:25
    #36060713
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ie6 и margin
К чему спор? Ты попробовал? Не получилось?
...
Рейтинг: 0 / 0
26.06.2009, 12:14
    #36061414
spider13
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ie6 и margin
Ну вот попробовал, margin-top и margin-bottom для инлайновых - не понимает!
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / ie6 и margin / 13 сообщений из 13, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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