VPF::Скрывающийся при маленьком разрешении фон

BzZzzZzz

Дата 4.4.2009, 19:08 (ссылка)

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

Загрузка ...

Новичок

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

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

Цитата(ksnk @ 4.4.2009, 19:02)

В каком это, интересно месте на той картинке красный и зеленый "над" синим?

На картинке не очень наглядно получилось smile

но нужно чтобы красный и зеленый находили на синий smile

BzZzzZzz

Дата 5.4.2009, 11:12 (ссылка)

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

Загрузка ...

Новичок

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

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

Все практически готово, единственное что осталось - сделать так, чтобы где-то начиная с 1200 зеленый блок начинал закрываться справа без появления полосы прокрутки. И на 1000 его уже было видно.
Сейчас он начинает пропадать только при сжатии меньше 1000.
Код:

Код


<!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>

html * {margin: 0px ; padding: 0px;}

</style>
</head>

<body style="background: gray;">

<div style="background: green;  border: 2px solid pink; height:337px; width: 338px; float:right; position: absolute; right: 0px; z-index: 12;"></div>

<div style="position:relative; min-width: 980px;">
  <div style="background:red; left:50%; margin-left:-680px; width:200px;height:337px;float:left; position: absolute; z-index: 10;"></div>
  
  <div style="clear:both;"></div>
  <div style="position:absolute; width:100%;z-index:2;top:0;left:0;height:200px;">
     <div style="background: blue;  border: 2px solid #fff; width: 980px;height:337px;margin:0 auto;"></div>
  </div>
  
</div>




</body>
</html>

ksnk

Дата 5.4.2009, 11:52 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

чего-то я вообще не понимаю как этот код соотносится с прошлой картинкой и

Цитата

Сейчас он начинает пропадать только при сжатии меньше 1000.

Зеленый есть всегда...

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

BzZzzZzz

Дата 5.4.2009, 13:23 (ссылка)

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

Загрузка ...

Новичок

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

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

Цитата(ksnk @ 5.4.2009, 11:52)

Зеленый есть всегда...

Его не должно быть видно на 1000.

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