Позиционирование элементов div между упорядоченными элементами div в одном классе - PullRequest
Новая
       28

Позиционирование элементов div между упорядоченными элементами div в одном классе

0 голосов
/ 12 октября 2011

У меня есть три элемента div в одном классе, который в HTML-документе выглядит так: 

<div class="content">
  <div id="content_head">
    <!--CONTENT HEAD CODE-->
  </div>
  <div id="between_ads">
    <!-- ADS HERE -->
  </div>
  <div id="content_middle">
    <!--CONTENT MIDDLE CODE-->
  </div>
</div>

И CSS-код для них: 

.content
{
  position: relative;
  width: 75%;
  float: left;
  left: -52px;
  margin: 5px 0 10px 0;
  border-right: 1px solid #D9D9D9;
}

.content #content_head
{
  /*position: relative;*/
  width: 100%;
  float: left;
  border-bottom: 1px solid #D9D9D9;
}

.content #content_middle
{
  /*position: relative;*/
  width: 100%;
  float: left;
  margin: 5px 0 0 0;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

/*BETWEEN ADVERTS*/
.content #between_ads
{
  position: static;
  width: 100%;/*737px;*/
  height: 10px;
  /*margin: 302px 0 0 -17px;*/
  margin: auto;
  padding: 0;
  background: #000;
}
/*BETWEEN ADVERTS*/

Проблема в том,, получившийся код для МЕЖДУ РЕКЛАМАМИ выглядит следующим образом: http://i.stack.imgur.com/ZU2FD.png - черная полоса над окном "Polecane", выделенная синим цветом - но этот элемент div должен быть расположен здесь: http://i.stack.imgur.com/ww0Ko.png - где находится желтая подсветка.

Установка .content в Положение: абсолютное и остаток до относительно полностью тормозит макет .content класс.Я совершенно новичок в HTML и CSS и до сих пор не все понимают.Приветствия

1 Ответ

0 голосов
/ 12 октября 2011

Попробуйте убрать position и float всех ваших делений.Div, естественно, любит сидеть один на другом, поэтому добавление позиционирования css нарушает его, я думаю.

...