Problem z nakładaniem się DIV'ów


(Mateusz Sajdak) #1

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

 

 


(Grzesie K) #2

Bez kodu raczej trudno będzie pomóc...

 

Ps. ,,Tworzymy strony WWW"? No chyba słabo skoro ze swoją mamy problemy :wink:


(pantera272) #3

Racja bez kodu ciężko coś zdziałać, możliwe że masz coś pomylone stylu css z atrybutem position.


(Mateusz Sajdak) #4

Pisząc "Tworzymy strony WWW" miałem na myśli sam design :slight_smile:

<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;
 }

(pantera272) #5

Do #trapez dodaj bottom:-550px; to wysokość tego zółnego prostokąta. Wtedy obniżysz ten trapez.


(Mateusz Sajdak) #6

Wielkie dzięki :slight_smile:


#7

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.