вопрос про ие6 и css

pitrik2

почему в ие инпуты не друг под другом?
что за "дополнительный коэффициент смещения" дает float:left; ?



<body style="margin:0;padding:0">



<div style="height:25px;">



<div style="float:left;margin-left:20px">



  <input type="button" value="0"   />

  

</div>



</div>



<div style="height:25px;">

<div style="margin-left:20px">



  <input type="button" value="0"   />

  

</div>



</div>



</body>

pitrik2

а блин
первая ссылка с гугла сказала что это бага ие6 и ие7
http://www.positioniseverything.net/explorer/inherited_margi...

milanadiana

Да. Это так, воспользуйся IE-хаком, как-то так:
.yourclassname{
маргины для правЕльных браузеров
}
* html .yuorclassname {
маргины для говноосла
}
З.Ы. Это первый баг осла, о котором ты узнал? Я сталкивался штуками с шестью. Например, очень забавный баг такой:
.class1 #id1 {
}
.class1 #id2 {
}
.class1 #id3 {
}
работает то ли только первый, то ли только последний на все варианты)

pitrik2

естессно не первый, естессно антихаки все известны
кстати, в данном случае мне подошло решение с обрамлением инпута в спаны
<span><input...></span>
там всё равно немного не тот маргин получается но меня абсолютно устраивает

Bibi

лучше уж использовать отдельные css с подкрутками для ie

kruzer25

+1, тогда не придётся так извращаться (потом же нихрена никто не поймёт, что тут разработчик имел в виду и можно для каждой версии ИЕ делать свои хаки.

serega1604

width:10px; /* sets width to 10px in all browsers */

_width:8px; /* overrides first style and sets width to 8px in IE6 only */

*width:11px; /* overrides above styles and sets width to 11px in IE7 only */

как-то так.

milanadiana

крута, вот такого хака не знал

hwh2010

как-то так.

Вот из-за таких-то хаков потом и плывёт всё при использовании новых, старых или редких браузеров.
Нормальный вариант вот:



<!--[if gt IE 6]>

<style type="text/css">

css for above IE6

</style>

<![endif]-->



<!--[if gte IE7]>

<style type="text/css">

css for IE7 and above

</style>

<![endif]-->



<!--[if IE7]>

<style type="text/css">

css for IE7 only

</style>

<![endif]-->

и т. п.
бывают варианты gt, lt, gte, lte и

milanadiana

ну этот всем известен, а верхний я первый раз вижу.

pitrik2

ну этот всем известен, а верхний я первый раз вижу.

о как
обычно я встречал что люди утверждали что верхний видели (потому как это стандартный css хак)
а нижний нет (потому что это уже конкретная фишка ие)
кстати, а чо третий вариант никто не предлагает? с ие экспресшинами?

milanadiana

ну вариант с псевдокомментариями точно никакими браузерами больше парситься не будет, какие бы браузеры новые не выходили, а тот с _ и * могут вполне пофиксить в очередном осле.

kruzer25

кстати, а чо третий вариант никто не предлагает? с ие экспресшинами?

Они иногда безбожно тормозят.

Оставить комментарий