Есть такая конструкция
<div>
<img /> <img /> <img /> ...
</div>
Ее смысл: необходим блок с определенным цветом фона, на нем в строку выстраиваются картинки.
У каждого <img> установлен float: left;
Из-за этого они отображаются не внутри div.
Если не устанавливать float: left; они выстраиваются в строку внутри div, но между ними и нижней границей div образуется отступ, несмотря на то, что в css отступ обнулен и для картинок и для div.
Какие предложите решения?
Спасибо.
Здравствуйте, amida, Вы писали:
A>Есть такая конструкция A><div> A> <img /> <img /> <img /> ... A></div> A>Ее смысл: необходим блок с определенным цветом фона, на нем в строку выстраиваются картинки. A>У каждого <img> установлен float: left; A>Из-за этого они отображаются не внутри div. A>Если не устанавливать float: left; они выстраиваются в строку внутри div, но между ними и нижней границей div образуется отступ, несмотря на то, что в css отступ обнулен и для картинок и для div. A>Какие предложите решения? A>Спасибо.
Здравствуйте, amida, Вы писали:
A>Есть такая конструкция A><div> A> <img /> <img /> <img /> ... A></div> A>Ее смысл: необходим блок с определенным цветом фона, на нем в строку выстраиваются картинки. A>У каждого <img> установлен float: left; A>Из-за этого они отображаются не внутри div. A>Если не устанавливать float: left; они выстраиваются в строку внутри div, но между ними и нижней границей div образуется отступ, несмотря на то, что в css отступ обнулен и для картинок и для div. A>Какие предложите решения? A>Спасибо.
Здравствуйте, amida, Вы писали:
A>Здравствуйте, amida, Вы писали:
A>Проблема снята. A>Помог отрицательный margin. A>Кстати проблема была и в IE и в FF.
Предпололжу, что имеет место быть еще и какой-то косяк со стилями, который отрицательным margin'ом и спрятался Ибо описанная проблема наблюдается только в IE (если не использовать никаких "лишних" стилей) и решается методом приведенным мной выше.
P>>>А вообще, как я понимаю — это баго-фича IE, не так ли? DZ>>Именно. Забыл сказать про IE...
П>Обалдеть... Если б пришлось делать что-то подобное — век бы не догадался...
Ну, достаточно наткнуться раз пять и вырвать на голове остатки волос
DZ>Предпололжу, что имеет место быть еще и какой-то косяк со стилями, который отрицательным margin'ом и спрятался Ибо описанная проблема наблюдается только в IE (если не использовать никаких "лишних" стилей) и решается методом приведенным мной выше.
Скорее всего, глобальный силь на все div'ы или изображения
Здравствуйте, amida, Вы писали:
A>Есть такая конструкция A><div> A> <img /> <img /> <img /> ... A></div> A>Ее смысл: необходим блок с определенным цветом фона, на нем в строку выстраиваются картинки. A>У каждого <img> установлен float: left; A>Из-за этого они отображаются не внутри div. A>Если не устанавливать float: left; они выстраиваются в строку внутри div, но между ними и нижней границей div образуется отступ, несмотря на то, что в css отступ обнулен и для картинок и для div. A>Какие предложите решения? A>Спасибо.
попробуйте
в 1 случае — прописать float:left для самого дива
во 2 случае — прописать для img vspace="0"
DZ>Предпололжу, что имеет место быть еще и какой-то косяк со стилями, который отрицательным margin'ом и спрятался Ибо описанная проблема наблюдается только в IE (если не использовать никаких "лишних" стилей) и решается методом приведенным мной выше.
Угу.
В итоге обошелся и без отрицательного margin.
Просто все <img> выстроил в строку без пробелов и переносов.
ICQ [168117153]
