Здравствуйте! Прошу помощи.
Верстаю дизайн не первый час и столкнулся с такой трудностью, а может и странностью:
CSS:
.telo {position:relative; padding:20px 31px; background-color:#fff; height:100%; border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px;}
.telo .tovar {float:left; height:100px; width:50px; border:#000 2px solid;}
HTML:
<div class="telo">
<div class="tovar">sax</div>
<div class="tovar">sax</div>
<div class="tovar">sax</div>
</div>
Получаю результат, что telo не покрывает все ячейки или рамки, как кому нравится, хотя я выставил height 100%, а чем тут дело?
Скорее всего дело в float:left; во втором стиле, а то когда убираю эту характеристику, белое тело покрывает все рамки, но мне нужно чтобы рамки шли не каждая на новой строке, а чтобы в ряд шли.
JESOD, а если в первый тоже добавить float:left; , такой вариант не устроит?
04 Июн 2011, 20:35Спасибо, вчера сам разобрался, а в тему не отписал, потому что не нашел ее, т.к. ранее в другом разделе ее создавал.
05 Июн 2011, 6:15