Дивная вёрстка

[LOla]

Подскажите пожалуйста как положить дивы стопкой друг на друга? Ну типа стопки бумажных листов.  Что я не так делаю? Тапками не кидайтесь пожалуйста, я только учусь. :blush:

Код вот HTML

<div id="wrapper">

  <div id="header">
    <div id="logo1"><img src="maket/images/pistavka.png" alt="Заводская приставка ГОДДЕССХАНТ" longdesc="maket/images/pistavka.png" /></div>
    <div id="logo2"><img src="maket/images/bavarka.png" alt="Баварская горная гончая по кровяному следу" longdesc="maket/images/bavarka.png" /></div>
   <div id="logo3"><img src="maket/images/vemar.png" alt="Веймаранер" longdesc="maket/images/vemar.png" /></div>
  </div>
<!-- #header-->

CSS

#header {
	height: 241px;
	background-image:url(maket/sapka5.jpg);
	background-repeat:no-repeat;
	position:relative;
	
}
/*-------logo-----*/
#logo1 {
     width:1000px;
     height:241px;
	 position:relative;
	
    
  }
  #logo2 {
     width:1000px;
     height:241px;
	 position:relative;
	 z-index:1;
    
  }
  #logo3 {
     width:1000px;
     height:241px;
	 position:relative;
	 z-index:2;

 

[SerP]

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

видимо, вы не разобрались с позиционрованием..родительский элемент(в вашем случае header) использует позиционирование relative, а находящиеся в нём элементы, должны использовать absolute позиционирование.  

 

[LOla]

УРРРААА!!!! У меня всё получилось!!!! Пол дня тыкалась носом как слепой котёнок :blush:.

Спасибо ОГРОМНОЕ!!!!

 

[LOla]

Тогда ещё вопрос.

Какое позиционирование надо задать следующему диву что бы он находился под стопкой дивов? Следующий див будет с менюшкой горизонтальной.

Я пыталась с position:relative; поэксперементировать, задавала разные значения топ и лефт, но получалась какая то билеберда, то футер вверх уезжал, то контент...