VPF::Как сделать наложение слоев - Форум программистов

PosiTive

Дата 11.12.2007, 13:57 (ссылка)

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

Загрузка ...

Шустрый

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

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

Здравствуйте. Есть страница:

Код


<!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>
<body>
....
 <div id="container">
   <div id="container2">
     <div id="top"></div>
     <div id="logo"></div>
      <div id="top_menu"><div id="e-mail">...</div>
<!-- Начало контента -->
<img src="/assets/templates/miart/img/protection.jpg" id="protection">

<div id="sec_menu2">
....
</div>

<div id="sec_line1"></div>

<div id="sec_content"><div id="sec_title_content">...</div>

<div id="sec_line2"></div>

<div id="sec_menu1">
....
</div>
<!-- Конец контента -->
</div>
 <div id="bottom2"><div id="copyright2"><a href="http://www.divandesign.ru">www.divandesign.ru</a></div></div>
 </div>
</body>
</html>

Код


#sec_content
{
 float:right;
 overflow:hidden;
 width:400px;
 margin-right:10px;
 font-family:verdana;
 font-size:12px;
 color: #666666;
}

#bottom2
{ 
 width: 769px;
 height: 271px;
 background-image: url(img/bottom2.jpg);
 background-repeat: no-repeat;
 background-attachment: scroll;
 font-size:9px;
 position:absolute;
 
}

вот ссылка на всякий случай: http://miart74.divandesign.ru/services/pro...rity/video.html

Необходимо чтобы ~ 150px слоя sec_content накладывались на bottom2 (который является по сути большой картинкой).

Заранее всем спасибо!)

Это сообщение отредактировал(а) PosiTive - 11.12.2007, 13:58

bars80080

Дата 11.12.2007, 14:50 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

значит надо приподнять слой set-content над всем остальным тем же абсолютным позиционированием и задать для bottom2 соотвествующие top, left, z-index

PosiTive

Дата 11.12.2007, 15:44 (ссылка)

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

Загрузка ...

Шустрый

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

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

если задать top и left у bottom2, он перестанет сползать вниз при увеличении текста в sec_content

bars80080

Дата 11.12.2007, 16:11 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

сорри, значит надо задать bottom и right

я не к тому, что объясняю вам легко и просто, мне просто впадлу занимать этой технической задачей
решение здесь вымучивается с помощью создания нескольких слоёв и заданием им разных параметров позиционирования

скажем, привязать bottom2 к нижнему краю вашего контекста, он и будет двигаться вместе с ним

Это сообщение отредактировал(а) bars80080 - 11.12.2007, 16:14

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