У меня проблема с одним из моих пролетов. Пожалуйста, cosider следующие стили:CSS - ширина не отмечена на теге span
.form_container .col1che
{
float: left;
width: 4%;
text-align: left;
}
.form_container .col2che
{
float: left;
width: 80%;
text-align:left;
}
.form_container .col3che
{
float: right;
width: 13%;
text-align:right;
}
Эти 3 пролеты в моем коде:
<div class="row"><!-- start: "row" -->
<span class="col1che">
<?php //some db feeds ?>
</span>
<span class="col2che">
<?php //some db feeds ?>
</span>
<span class="col3che">
<?php //some db feeds ?>
</span>
<div class="clear"></div>
</div><!-- end: "row" -->
Проблема возникает, когда нет никаких данных, которые будут отображаться в «COL1CHE» (или, может быть, даже в какой-либо из них хотя я не уверен), когда нет данных, этот диапазон «рушится» и его ширина не соблюдается. Это происходит в Firefox, в IE он не «рушится».
Я включил класс «clear», чтобы узнать, помогает ли это, но безрезультатно.
Любые идеи?
хммм, что вы, ребята говорят, имеет смысл, но по какой-то причине, даже после добавления дисплей: блок все еще «падает» смешно, если я добавить границу к классу колонки будет показывать правильную ширину даже если контент отсутствует. но если нет содержимого, нет границы, он просто сворачивает – chicane
o yea, еще одна вещь, почему, если мои пролеты не были настроены как блоки, и если в них есть контент, тогда ширина будет настроена правильно, как в стиле лист? (не то, что я обсуждаю, соблюдаются ли ширины для встроенных элементов, им просто любопытно, почему они работали для меня) – chicane