Элемент не хочет

Шаблонизирую SOBI2. Вот сделал вырезку из шаблона.
Не могу понять почему элемент sobi2Details_field_about так сильно отступает от верхнего края, ведь все элементы кроме него имеют св-во float:left.
Совсем не вижу ошибки !

Цитировать

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>

#icon
{
   float:left;
   width:320px;
   height:36px;
   padding-top:8px;
}
#sobi2Details
{
   float:left;
   width:612px;
}

.sobi2fieldblock
{
   width:350px;
   float:left;
}

.sobi2label
{
   font-size:10pt;
   font-weight:bold;
   color:#4d4d4d;
   display:block;
}
.sobi2field
{
   display:block;
   padding-top:6px;
   padding-left:12px;
   font-size:10pt;
   font-style:italic;
   font-weight:normal;
   color:#4d4d4d;
}
.sobi2field p
{
   padding:0;
   margin:0;

}

#sobi2Details_field_about
{
   float:right;
   display:block;
   width:200px;
   color:#c3c3c3;
   font-size:10pt;
   font-style:italic;
   text-align:right;
}
#sobi2Details_field_about p
{
   padding:0;
   margin:0;
   text-align:right;
}
.clear
{
   clear:both;
}

</style>

</head>

<body>
<div id="sobi2Details">



      <div class="sobi2fieldblock"><span id="sobi2Listing_field_type_label" class="sobi2label">1</span> <span id="sobi2Details_field_type" class="sobi2field">1</span></div>
      <div class="sobi2fieldblock"><span id="sobi2Listing_field_jobs_label" class="sobi2label">2</span> <span id="sobi2Details_field_jobs" class="sobi2field">
      <p>1</p></span></div>
      <div class="sobi2fieldblock"><span id="sobi2Listing_field_technology_label" class="sobi2label">3</span> <span id="sobi2Details_field_technology" class="sobi2field">1</span></div>
      <div class="sobi2fieldblock"><span id="sobi2Listing_field_tools_label" class="sobi2label">4</span> <span id="sobi2Details_field_tools" class="sobi2field">1</span></div>
      <div class="sobi2fieldblock"><span id="sobi2Listing_field_more_label" class="sobi2label">5</span> <span id="sobi2Details_field_more" class="sobi2field">

<p>1</p>
</span></div>
      <span id="sobi2Details_field_about"><p>В заваленном мусором подвале, в недрах Рейнхольм Индастриз скрываются Рой и Мосс — отдел IT. Их мир серверов и фаерволов, презираемый и высмеиваемый их более удачливыми коллегами, оказывается буквально взорван появлением Джен, «менеджера по связям», которая ни черта не понимает в компьютерах. Действие «The IT Crowd» происходит в офисах «Reynholm Industries» — вымышленной британской корпорации,</p></span>
      <div class="sobi2fieldblock"><span id="sobi2Listing_field_url_label" class="sobi2label">6</span> <span id="sobi2Details_field_url" class="sobi2field"><p>1</span></div>
<div class="clear"></div>
</div>

</body>
</html>

Прижать вниз Flex элемент Автор Forgiving	Ответов: 3 Просмотров: 3641	11.05.2020, 17:49:18 от beliyadm
Элемент flexbox выходит за края родителя [РЕШЕНО] Автор dm-krv	Ответов: 3 Просмотров: 11131	05.04.2019, 16:07:44 от dm-krv
Как выровнять по центру страницы блоки с float: left или display: inline-block? Автор zvi	Ответов: 22 Просмотров: 39667	09.04.2016, 00:49:11 от Shustry
Перевернуло - float: right; - ? Автор warlocksp	Ответов: 1 Просмотров: 1177	26.07.2015, 10:52:39 от warlocksp
float:left заменил display inline-block не работает почему Автор zvi	Ответов: 5 Просмотров: 2874	16.06.2014, 02:24:58 от zvi

Элемент не хочет "float'ится" - Вопросы по CSS

Новости Joomla

Process Forge — фреймворк для создания AI-процессов.

Вышла новая версия joomLab Article Slider 1.1.0

Компонент Joomla 6: Генератор LLMs.txt.

Rezet

Элемент не хочет "float'ится"

Rezet

Re: Элемент не хочет "float'ится"

Похожие темы