[CSS] Nieoczekiwane zachowanie margin-top

xbitdesigns · Post autor: **xbitdesigns** » śr sty 10, 2007 6:24 pm

Czesc.
Ok najpierw przyklad:

<reszta strony od tego miejsca w gore ... >
<div id="a">
   <div id="b">
   </div>
</div>

Dlaczego margin-top ustawiony dla elementu B odsuwa sie w dol wraz z elementem A ? Wyglada to tak jakby margines B odnosil sie nie do elementu rodzica (w tym wypadku A), a do elementów ponad nimi oboma.
Dlaczego tak sie dzieje ?

xbitdesigns · Post autor: **xbitdesigns** » czw sty 11, 2007 11:35 am

Dla lepszego zobrazowania problemu podaje kod:

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<!-- xhtml nie jest obslugiwany przez ie :( -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Window-target" content="_top" />
<meta name="robots" content="index,follow" /> 
<style type="text/css">

	#bottom {
		width:100%;
		height:320px;
		background:url(images/bottom_background.png);
	}
	
	#bottom_linkz {
		width:465px;
		height:110px;
		margin-top:0px;
		background:url(images/bottom_linkz.png);
	}
	
</style>

</head>
<body>
	
<div id="bottom">
	<div id="bottom_linkz">
		
	</div>
</div>	
	
</body>
</html>

koziolek · Post autor: **koziolek** » czw sty 11, 2007 11:39 am

Odsuwa się wraz z elementem A którego jest potomkiem i względem którego ma margin-top: 0; Czyli jeżeli odsuwasz element A to element B nie odsuwa się względem A jednak odsuwa się względem rodzica A. Czyli wszystko jest dobrze

xbitdesigns · Post autor: **xbitdesigns** » czw sty 11, 2007 2:16 pm

ahh kurcze. Chyba zly sample kodu skopiowalem.
Nie moge juz myslec, dzieki za odp

[CSS] Nieoczekiwane zachowanie margin-top

[CSS] Nieoczekiwane zachowanie margin-top

Re: [CSS] Nieoczekiwane zachowanie margin-top

Re: [CSS] Nieoczekiwane zachowanie margin-top

Re: [CSS] Nieoczekiwane zachowanie margin-top