Как разместить один блок под другим

nikki4 · April 5, 2012

что нужно написать в css. чтобы блок 2 распологался под блоком 0?, а 1 под 2?

на всякий случай уточняю, что блок1 и блок2 генерируются пхп скриптом различных размеров.

дело в том, что нужно чтобы при нажатии на одну кнопку пхп выводит блок1, а потом после заполнения блока1 и нажатия на вторую кнопку создается блок2.

но проблема в том, что после нажатия на кнопку 2, окно автоматически переводится на начало к блоку0. вот я хочу сделать так, чтоб при нажатии на кнопку 2. окно попрежнему переводилось к блоку0, но при этом там ниже был не блок1, а блок2, а блок1, под вторым..


<!DOCTYPE html>
<html>
<HEAD>
<style type="text/css">
#zero{
border: 1px solid black;
width:300px;
}
#one {
width:300px;
background: yellow;
border: 1px solid black;

}
#two {
width:300px;
background: green;
border: 1px solid black;
}
 </style>
 </head>


  <body>
  <div id="zero">block0</div>
  <div id="one">block1</div>
  <div id="two">block2</div>
  </body>
  </html>

Switch74 · April 5, 2012

не понятно что вы хотите сделать, если реализацию вкладок, то так


<!DOCTYPE html>
<html>
<HEAD>
<style type="text/css">
#zero{
position:relative;
z-index:3;
border: 1px solid black;
width:300px;
}
#one {
position:relative;
z-index:1;
width:300px;
background: yellow;
border: 1px solid black;

}
#two {
position:relative;
z-index:2;
width:300px;
background: green;
border: 1px solid black;
}
 </style>
 </head>


  <body>
  <div id="zero">block0</div>
  <div id="one">block1</div>
  <div id="two">block2</div>
  </body>
  </html>

а если вам нужно по позициям на странице, то тут css не хватит, нужно js менять расположение DOM

как у вас сейчас реализованы кнопки тоже не понятно

Edited April 5, 2012 by Switch74

nikki4 · April 5, 2012

уже не актуально.. сам понял, что как-то все запутанно записал..

сделал через якорь ) чтоб автоматически на запуске переходило на якорь.. его сначала нет, потому ничего не происходит, а потом он появляется и при дальнейших нажатиях на него происходит переход

SelenIT · April 5, 2012

Если очень захотеть, можно и на CSS . Но практически и впрямь незачем.

Sign In

Как разместить один блок под другим

Question

nikki4

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Switch74

Link to comment

Share on other sites

nikki4

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information