powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / ie6 и margin
13 сообщений из 13, страница 1 из 1
ie6 и margin
    #36058243
spider13
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Умом 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
ie6 и margin
    #36058281
spider13
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Решение найдено.
вместо margin использовать padding
...
Рейтинг: 0 / 0
ie6 и margin
    #36058654
Фотография ZeroHold
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Мда иногда полезно перед вопросом почитать что-нибудь полезное типа чем отличаются margin и padding :)
Это все равно что придти в магазин и сказать хочу машину а тебе дают велосипед. а какая разница ? И там и там колеса!

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

* html .button {
display:inline;
}

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


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