Witam ! ! !
Od kilku godzin męczę się z div’ami, a mianowicie chodzi o ich nakładanie się, a raczej brak tej funkcji. Problem występuje w sekcji formularza kontaktowego (poniżej zamieszczam layout). Ciemny trapez powinien nachodzić na żółty, lecz tak się nie dzieje. Używałem komendy z-index i nic nie działa. Proszę o szybką pomoc.
Pozdrawiam
Bez kodu raczej trudno będzie pomóc…
Ps. ,Tworzymy strony WWW"? No chyba słabo skoro ze swoją mamy problemy 
Racja bez kodu ciężko coś zdziałać, możliwe że masz coś pomylone stylu css z atrybutem position.
Pisząc “Tworzymy strony WWW” miałem na myśli sam design 
<div id="formularz">
<section id="trapez"></section>
<section id="yellowcontactbox"></section>
</div>
#yellowcontactbox
{
width: auto;
height: 550px;
background-color: #ffe13b;
position: relative;
z-index: 1;
}
#trapez
{
height: 0;
width: auto;
border-bottom: 631px solid #2d2d2d;
border-right: 15px solid #2d2d2d;
border-left: 500px solid transparent;
margin-right: 0 auto;
margin: 4% 0 0 0%;
margin-left: 35%;
position: relative;
z-index: 2;
}Do #trapez dodaj bottom:-550px; to wysokość tego zółnego prostokąta. Wtedy obniżysz ten trapez.
Wielkie dzięki
Może lepiej tak:
<div class="gl">
<div class="jeden"></div>
<div class="dwa"> </div>
</div>
a w css masz tak:
.gl { width:300px; height:300px; position:relative; background-color:rgba(255,0,255,1);}
.jeden{ width:300px; height:250px; background-color:rgba(255,255,0,1);}
.dwa{ width:300px; height:150px; top:0; left:0; position:absolute; background-color:rgba(0,255,255,1);}
Dzięki temu w jednym głównym DIV masz dwa inne divy na siebie nachodzące. To lepsze rozwiązanie niż zabawa z ujemnymi marginesami.