Решение нетривиальной задачи с отступами.

[fanisco]

Здравствуйте, дорогие форумчане! Я в первый раз на вашем форуме, так что извините, если создал тему не там, где полагается.

Суть проблемы такова: имеется див, в котором два дочерних дива делят между собой его пополам. По ТЗ каждый второй дочерний див, примыкая к своему соседу с правой стороны, имеет отступ от него, равный 12px. Собственно, данная конструкция не работает в IE8 и в версиях ниже - отступ почему-то пропадает, в этом и вся проблема.

Для наглядности, приведу код:

.parent-element {
	float: left;
	height: 174px;
	width: 378px;
	background: white;
	border-radius: 7px;
	border: solid 3px #f27d00;
}

Код марджинга дочернего элемента:

.child-element:nth-child(even),
.child-element:first-child + * {
	margin-left: 12px;
}

Заранее благодарю за содействие в устранении этой проблемы!

Edited December 26, 2012 by fanisco

[Vadimka]

не понял что требуется. в IE8 и ниже не и будет работать как вы сказали, так как там нет поддержки таких псевдоклассов. либо дополнительно присваивайте второму дочернему класс какой-то либо через js реализуйте

[Justnewone]

Только яваскриптом в старых ослах. Проще всего будет jquery прицепить и воспользоваться $(".child-element:even")

[fanisco]

Спасибо, уже так и сделал