Позиционирование блоков

andreyua · October 1, 2011

Имеется код:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">

<head>
  <title>Позиционирование</title>
  <style type="text/css">
  <!--
    html, body {
      margin: 0px;
      padding: 0px;
      border: 0px;
    }
    body {
      color: #000;
      background: #fff;
    }
    div {
      width: 150px;
      height: 150px;
      padding: 20px;
      border: dashed 3px;
    }
    #first {
      background: #ccf0ff;
      border-color: #0cf;
    }
    #second {
      position: relative;
      top: 0px;
      left: 0px;
      background: #fff0cc;
      border-color: #fc0;
    }
    #third {
      background: #ccfff0;
      border-color: #0fc;
	  top: 0px;
      left: 0px;
	  position: absolute;
    }
  -->
  </style>
</head>

<body>
  <div id="first">Первый блок</div>
  <div id="second">Второй блок
    <div id="third" style="width:50px;height:50px";>Третий блок</div>
  </div>

</body>

</html>

На выходе:

Как сделать так: чтобы позионирование 3-го блока через "top" осуществлялось по отношению к <body>, а не по отношению к второму блоку (то есть блок 3 был в самом вверху, как и первый блок). Значение #second.position изменять нельзя !. Да и, #third {position:fixed} - тоже не подходит !

Edited October 1, 2011 by andreyua

Softlink · October 2, 2011

прямо ничего нельзя! Тогда вытащить третий блок из второго и все. Больше вариантов, чтобы он плясал именно от body, я не вижу.

psywalker · October 2, 2011

On 10/1/2011 at 8:47 PM, andreyua said:
Как сделать так: чтобы позионирование 3-го блока через "top" осуществлялось по отношению к <body>, а не по отношению к второму блоку (то есть блок 3 был в самом вверху, как и первый блок). Значение #second.position изменять нельзя !. Да и, #third {position:fixed} - тоже не подходит !

На JS делать клон третьего блока, сам блок (натуральный) скрывать, а клон бросать в <body>

moskalev_mihail · October 6, 2011

А если обернуть его еще одним блоком и обертке задать position:absolute; ?

Sign In

Позиционирование блоков

Question

andreyua

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Softlink

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

moskalev_mihail

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information