After reviewing a tutorial, I discovered that the RenderBody method is supposed to display views within the designated placeholder of the layout, as illustrated in this diagram:
However, in practice, it did not work exactly as expected. When I created a layout with a navbar and footer, and added a view containing a div, there was a gap between my view and the footer:
So how can I fill this gap? I attempted to give maximum height to my div, but unfortunately, it did not solve the issue! Here is the code from my view:
@{
ViewData["Title"] = "Home Page";
}
<div style="background-color:white;width:970px;height:100%; border:11px solid black">
<img src="~/images/decoupage/header-img.png" />
<h3 style="color:blue">Qui somme nous ?</h3>
<p style="background-color:white">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</p>
<img src="~/images/decoupage/img1.png" style="padding-left:60px;padding-bottom:50px" />
</div>