VPF::Выравнивание слоя по центру другого слоя.

Nik92

Дата 16.11.2009, 17:42 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 28.1.2008

Репутация: нет
Всего: нет

Здравствуйте, вот в чем суть проблемы: Имеется резиновая верстка сайта. Есть контент, который разделен на три части левую центральную и правую колонки. Внутри правой и левой колонок нужно разместить по центру еще один слой. потому что в зависимоости от разрешения экрана отступы от центральной колонки должны быть разными. Помогите разобраться.
Код основного css

Код


#leftcol { /* параметры для левой коллонки */

  margin-top: 3%;

  float: left;

  width: 24.4%; 

  position: relative;

}
 #content { /* параметры для основного содержания */

  float: left;

  margin-top: 3%;


  background:

  url('images/index/fon7.png');

  width: 50%;

}
#rightcol{ /* параметры для правой коллонки */
  width: 24.4%;

  float: left;

  text-align: center;

  margin-top: 3%;

}

Код


.box, .lbox{
width:250px;

background:url('images/rcol/as2.jpg') top repeat-y;

margin-bottom: 5px;
}

и пример html кода блока которого нужно отцентровать внутри rightcol

Код


<div class="lbox">

<h3 class="r"><font class="lcoll">бла бла бла</font></h3>

<div class="in">

<p class="lcolcon">бла бла бла<p><hr></p>

</div>
</div>

Это сообщение отредактировал(а) Nik92 - 16.11.2009, 17:42

Itsys

Дата 16.11.2009, 22:16 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34

Код


<div style="position: relative; width: 25%; height: 400px; z-index: 1; float: left; border: 2px solid #008000" id="layer1">
<div style="border:1px solid #FF0000; position: absolute; top: 50%; left:50%; margin-top:-50; margin-left:-50; width: 100px; height: 100px; z-index: 2" id="layer2">
&nbsp;</div>
&nbsp;</div>
<div style="position: relative; width: 50%; height: 400px; z-index: 1; float: left; border: 2px solid #008000" id="layer1">
&nbsp;</div>
<div style="position: relative; width: 25%; height: 400px; z-index: 1; float: left; border: 2px solid #008000" id="layer1">
&nbsp;</div>

Nik92

Дата 17.11.2009, 17:01 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 28.1.2008

Репутация: нет
Всего: нет

Спасибо) Опробуем)

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »