На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Участники Календарь Избранное RSS
msm.ru
Модераторы: Vasya2000, Serafim, fatalist
  
> Позиционирование 2-х слоёв внутри 1-го родительского , Один слой толкает другого
    Доброго времени суток! Помогите, пожалуйста. Такая проблема: необходимо родительский слой сделать резиновым, чтобы каждый из внутренних слоёв могли растягивать его по высоте. Всё бы хорошо, но один дочерний слой, в котором высота больше, толкает другого дочернего вниз, несмотря на то, что у обоих top: 0px. Как можно этого избежать?

    ExpandedWrap disabled
      <!DOCTYPE html>
      <html>
      <head>
      </head>
       
      <body>
       
      <div style="position: relative; top: 20px; left: 20px; background-color: #cecece; width: 800px; min-height: 80px;">
       
      <div style="position: relative; background-color: #4e4e4e; width: 100px; left: 0px; top: 0px;">
      456<br>456<br>456<br>456<br>456<br>456<br>456<br>456<br>
      </div>
       
      <div style="position: relative; background-color: #dedede; width: 100px; left: 400px; top: 0px;">
      456<br>456<br>456<br>456<br>456<br>456<br>456<br>456<br>
      456<br>456<br>456<br>456<br>456<br>456<br>456<br>456<br>
      456<br>456<br>456<br>456<br>456<br>456<br>456<br>456<br>
      456<br>456<br>456<br>456<br>456<br>456<br>456<br>456<br>
      </div>
       
      </div>
       
      </body>
      </html>
    Сообщение отредактировано: salieri -
      Проблема в том, что div - блочный элемент, а блочные элементы не любят находиться в одной строке. Добавь детям display: inline-block; vertical-align: top; И у второго ребенка уменьши left на ширину первого.
        посмотрите тут как делать резиновые шаблоны
        http://htmlbook.ru/samlayout/tipovye-maket...lonochnyi-maket
          Спасибо большое! Получилось!!! :good:
          0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
          0 пользователей:


          Рейтинг@Mail.ru
          [ Script execution time: 0,0198 ]   [ 16 queries used ]   [ Generated: 28.03.24, 13:37 GMT ]