el caso es que estoy haciendo un proyecto (soy principiante) y estoy estructurando una pagina web de html. El caso es que dentro de un div he creado otros dos, pero el segundo de estos en vez de quedarse dentro del principal, se va hacía abajo. Os dejo el para que lo veáis.
<body>
<div id="header">
<div id="logo">
</div>
<div id="nav">
</div>
</div>
<div id="main">
<div id="section">
<div id="article">
</div>
<div id="aside">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
En especifico, se va el div "aside". Si alguien pudiera ayudarme sería de gran ayuda porfavor, dejo el css también, ya que creo que es problema de este. Cualquier ayuda sirve muchas gracias.
#section{
margin:9px;
margin-top:9px;
margin-bottom:9px;
width:auto;
height:850px;
border-color: black;
border-width: 1px;
border-style: dotted;
}
#article{
margin:9px;
margin-top:9px;
margin-bottom:9px;
width:1100px;
height:830px;
border-color: black;
border-width: 1px;
border-style: dotted;
}
#aside{
margin:9px;
width:800px;
height:830px;
border-color: black;
border-width: 1px;
border-style: dotted;
}