IE — говно

homm · April 24, 2009

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' lang='ru' xml:lang='ru'>
<head>
	<style type="text/css">
		ul li,
		ul li img {
			display: block;
			margin: 0;
			padding: 0;
			line-height: 0;
			height: 22px;
			width: 120px;
		}
		ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		ul li {
			background: green;
		}
	</style>
</head>
<html>
	<div>
		<ul>
			<li><img src="" alt="234234"></li>
			<li><img src="" alt="234234"></li>
			<li><img src="" alt="234234"></li>
			<li><img src="" alt="234234"></li>
			<li><img src="" alt="234234"></li>
		</ul>
	</div>
</html>

В ие 6 и 7 между элементами образуются отступы. Исчезают только если задать font-size: 0;, который задавать нельзя потому что у картинок должен быть альт, который должен читаться. Давайте скинемся на хорошего киллера, который хлопнет дебилов, которые делали это говно…

Justnewone · April 24, 2009

Может тут решение?

Nekromancer · April 24, 2009

Давайте скинемся на хорошего киллера, который хлопнет дебилов, которые делали это говно…

давно пора..

homm · April 24, 2009

Может тут решение?

Естественно, нет. Об этом в детском саду рассказывают, а это какая-то новая хрень, я с такой еще не сталкивался.

Justnewone · April 24, 2009

Естественно, нет. Об этом в детском саду рассказывают, а это какая-то новая хрень, я с такой еще не сталкивался.

<body>

<div>

<ul>

</ul>

</div>

</body>

А если так?

homm · April 24, 2009

Аллилуя, братья!

Помогло одновременное выравнивание с отрицательным марджингом. По отдельности не помогало!

ul li img {
	vertical-align: bottom;
	margin-bottom: -10px;
}

А если так?

Намек понял, теги профукал, но роли это не играет.

Нифига, способ с отрицательным марджингом не катит, потому что нельзя указывать фиксированную высоту для li, потому что могут быть подпункты. Вот новый код, проблема не решена:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' lang='ru' xml:lang='ru'>
<head>
	<style type="text/css">
		ul li,
		ul li img {
			display: block;
			padding: 0;
			margin: 0;
			width: 120px;
		}
		ul li img {
			height: 22px;
			vertical-align: bottom;
		}
		ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		ul li {
			background: green;
		}

		.sub li{
			background: red;
		}
	</style>
</head>
<html>
<body>
	<div>
		<ul>
			<li><img src="" alt="234234"></li>
			<li>
				<img src="" alt="234234">
				<ul class="sub">
					<li><img src="" alt="234234"></li>
					<li><img src="" alt="234234"></li>
				</ul>
			</li>
			<li><img src="" alt="234234"></li>
			<li><img src="" alt="234234"></li>
			<li><img src="" alt="234234"></li>
		</ul>
	</div>
</body>
</html>

Justnewone · April 24, 2009

История-то известная, если чему-то неблочному по идее давать блок и вставлять потом в список - будет отступ.

В Вашем случае, можно еще вот так поступить.

ul li{

margin: 0;

padding: 0;

width: 120px;

}

ul li img{

vertical-align:baseline;

zoom:1;

height:22px;

}

homm · April 24, 2009

История-то известная, если чему-то неблочному по идее давать блок и вставлять потом в список - будет отступ.
В Вашем случае, можно еще вот так поступить.
ul li{
margin: 0;
padding: 0;
width: 120px;
}
ul li img{
vertical-align:baseline;
zoom:1;
height:22px;
}

нет, не работает.

Ха! Зато помогло убирание display: block для картинки и выставление vertical-align: bottom; Сколько раз везде рекомендовали именно блочный способ убирания отступа, столько я раз говорил, что так появится еще больше проблем. А в этот раз затупил и сам сделал как другим не советовал делать :lol:

SelenIT · April 24, 2009

если чему-то неблочному по идее давать блок и вставлять потом в список - будет отступ.

И если изначально блочному — тоже. Корень беды, насколько я понимаю — в пробелах между тегами (зараза-IE тупо игнорирует закрывающие LI, и пробелы оказываются внутри элемента списка), они не помещаются в строку рядом с блочным элементом и переносятся.

Подробная статья есть на cssing.org.ua.

Давайте скинемся на хорошего киллера, который хлопнет дебилов, которые делали это говно…

Увы, мало толку — этим говном все равно будут пользоваться миллионы. Вот если тех, кто пользуется, хлопнуть, тогда да, верстальщикам жить станет действительно лучше и веселее. Но такое массовое мочилово уже тянет на геноцид...

homm · April 24, 2009

Корень беды, насколько я понимаю — в пробелах между тегами (зараза-IE тупо игнорирует закрывающие LI, и пробелы оказываются внутри элемента списка), они не помещаются в строку рядом с блочным элементом и переносятся.

Я об этом тоже думал, вырезал пробелы, опять же без толку.

Подробная статья есть на cssing.org.ua.

По ссылек еще один способ дал положительный результат — вырезание пробелов + li {vertical-align: top;}. Но Если убрать block, как я отписал выше — и пробелы не нужно вырезать )

Justnewone · April 24, 2009

Вобщем, не такое уж и гавно )))

homm · April 24, 2009

Вобщем, не такое уж и гавно )))

Ну почему же… Говно полное. Яица оторвать нужно дебилам, которые его делали. Я так думаю.

Vlad · April 24, 2009

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

Игорь Ермаков · April 24, 2009

Киллер не надо.

Во-первых, это гавно уже действительно ушло в массы, и убийство нескольких может быть не таких уж и плохих программистов, ничего не решит.

Во-вторых, киллеры врят ли что-то понимают в веб разработке, а потому эти "дибилы" умрут быстро. Лучше купим все по билету на какую-нибудь открытую конференцию, вот тогда-то мы сможем устроить им действительно мучительную смерть...

Да и в-третьих, это всё равно не нужно, до меня дошли слухи, что в аду научились пользоваться интернетом, так что им ещё целую вечность мучаться за своё творение....

Nekromancer · April 24, 2009

и так кризис ёпт.. а вы ещё и рождаемость понизить хотите %)

Emm · April 24, 2009

гдето читал что разрабы в ie8 понатыкали каких-то суперских примочек=) режимы совместимости с ie567, альтернатива кукам где можно хранить намного больший кусок данных...итп, ну как всегда делали все через Ж... полно новых багов, глюков, матюгов..., а мне насрать! я как-то спокойно стал относится к этой всей..., естесно страдать х..ней за бесплатно я не собираюсь, потому заламываю ценник.

hecka · April 24, 2009

Давайте скинемся на хорошего киллера, который хлопнет дебилов, которые делали это говно…

Тему не читал... Один фиг помочь не смогу, а на киллера скинулся бы... штуку точна дам!!! ИЕ МЕНЯ БЕСИТ!!! В НЕМ ВСЕ НЕ ТАК КАК У АСТАЛЬНЫХ!!!

Tokolist · April 24, 2009

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
* {margin: 0; padding: 0; }

ul {
  list-style: none;
}

li {
  background: green;
  width: 120px;
  height: 22px;
}

img, li {
  vertical-align: bottom;
}
</style>
</head>
<body>
	<div>
		<ul>
			<li><img src="x.gif" width="120" height="22" alt="234234"></li>
			<li><img src="x.gif" width="120" height="22" alt="234234"></li>
			<li><img src="x.gif" width="120" height="22" alt="234234"></li>
			<li><img src="x.gif" width="120" height="22" alt="234234"></li>
			<li><img src="x.gif" width="120" height="22" alt="234234"></li>
		</ul>
	</div>
</body>
</html>

homm · April 25, 2009

Киллер не надо.
Во-вторых, киллеры врят ли что-то понимают в веб разработке, а потому эти "дибилы" умрут быстро.

А!!! Это пять Действительно, не подумал об этом)

Justnewone · April 27, 2009

гдето читал что разрабы в ie8 понатыкали каких-то суперских примочек=) режимы совместимости с ie567, альтернатива кукам где можно хранить намного больший кусок данных...итп, ну как всегда делали все через Ж... полно новых багов, глюков, матюгов..., а мне насрать! я как-то спокойно стал относится к этой всей..., естесно страдать х..ней за бесплатно я не собираюсь, потому заламываю ценник.

Целиком и полностью поддерживаю. Есть маза заработать бабла, чего от нее отказываться? Так и делаю, всем остальным желаю того же.

Sign In

IE — говно

Question

Link to comment

Share on other sites

19 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information