[CSS] Problem z ustawieniem diva

[bamboo_niga]

Mam problem tego typu, że nie mogę sprawić, by div drugi zawsze był pod divem pierwszym.

Np. kiedy ustawiam górny margines dla diva pierwszego, to div ten "schodzi w dół", ale chowa się pod diva drugiego. A ma być tak, by div drugi przesunął się o wartość ustawionego marginesu.

Tak to wygląda:

Kod: Zaznacz cały

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		
		<style type="text/css">

		div.caly
		{
			width: 300px;
			height: 500px;
			border: 0;
			background: green;
		}
		
		div.pierwszy
		{
			width: 300px;
			border: 0;
			background: red;
			position: relative;
                        top: 15px;
		}
		
		div.drugi
		{
			width: 300px;
			border: 0;
			background: blue;
			position: relative;
			top: 10px;

		}
		
		</style>
	</head>
	
	<body>
	
	<div class="caly">
		<div class="pierwszy">
			pierwszy<br>
			pierwszy<br>
			pierwszy<br>
			pierwszy<br>
			pierwszy<br>
		</div>
		<div class="drugi">
			drugi<br>
			drugi<br>
			drugi<br>
		</div>
	</div>
	
	</body>
	
</html>

[Theprz3m0]

Jeżeli zrozumiałem, że chcesz obniżyć diva pierwszy, ale tym samym, żeby obniżył się i drugi to osobiście bym zaproponował ustawienie:

div.caly
{
width: 300px;
height: 500px;
border: 0;
background: green;
padding-top:50px;
}
I usunąłbym atrybuty position: relative.
Ponadto jeżeli używasz top to position absolute, ale to nie jest miejsce na zastosowanie tej opcji. Proponuję jeszcze zmienić:
top:10px; na margin-top:10px.
Mam nadzieję, że pomogłem

[bamboo_niga]

Tak, dzięki.