Суть задачи такова: нарисовать на сайте тонкую линию. Решается она минимум 2 методами:
- Использование однопиксельного изображения размноженного в нужном направлении.
- Использование div’a, заполненного цветом.
Как раз во втором методе и скрываются разногласия между браузерами.
Итак, объясню на примере.
Допустим мы рисуем полосу div’ами и задаем ей следующие css-свойства:
div {
width:50px;
height:1px;
background-color:#ff0000;
}
Mozilla, Opera и другие браузеры будут выдавать следующий результат:
а вот IE выдаст толстую полосу:
Суть этого «бага» заключается в том, что IE по умолчанию выставляет ширину блока под размер шрифта (по моим наблюдениям 14px), т.е. для того что бы Internet Explorer нормально отображал однопиксельную полоску, необходимо в css-свойства блока добавить font-size:1px;
P.S. Еще интересуют дома в Болгарии, но походу до них мну ооочень далеко )