Aside qui reste en bas de page

Bonjour,

Je vous contacte car j'ai un petit soucis.. J'aimerais mettre mon aside à droite de ma page mais le problème c'est qu'il reste en bas de page. Comme vous allez pouvoir le constater dans mon code, j'ai utilisé "float: right", mais même avec ça, il refuse de flotter à droite, à côté de mes articles.

Voilà mon code html :

<aside>
<h4>Playlist</h4>
<article>...</article>
<h4>Catégories</h4>
<article>...</article>
</aside>          

Et le code CSS :

aside {
	float: right;
	width: 240px;
	margin-top: 30px;
}
aside article {
	background-color: #FFF;
	padding: 10px;
	margin-bottom: 20px;
}

Et en plus, le code CSS de 2 de mes articles qui sont côte à côte :

/* main */
/*------------------------*/
main {
	float: left;
	width: 620px;
	margin-bottom: 20px;
}
#bloc-1 {    
    width: 280px;
    height: 700px;
    margin-top: 30px;
    background-color: white;
    padding:20px 20px;
    margin-left: 160px;
    float: left;
} 
#bloc-2 {
    width: 280px;
    height: 700px;
    margin-left: 530px;
    margin-top: 30px;
    background-color: white;
    padding: 20px 20px;
}

Merci d'avance pour votre aide !
Modifié par Joycella (26 Oct 2017 - 23:07)

Bonjour.

Où est situé l'aside par rapport aux autres éléments de la page ? Vous savez qu'il faut mettre les éléments en 'float' avant ceux qui ne le sont pas, n'est-ce pas ?

L'aside est situé en bas de mes deux derniers éléments, légèrement à droite au dessus du footer. Comme si le float marchait qu'à moitié.

Oui, j'ai mis mes éléments (articles) en float et le résultat est ce que j'attendais, mais l'aside lui ne veut pas remonter à droite.

Au faite dans ma page, j'ai fais plusieurs div pour en faire des blocs et j'ai 2 blocs côte à côte et ça 2 fois de suite, c'est juste l'aside qui reste en bas et ne se met pas à côté de mes blocs.

Voici une image de ce que j'ai pour le moment :

Modifié par Joycella (27 Oct 2017 - 17:25)

Bonsoir,

Ce qu'il y a dans Article 4 peut décaler l'aside…
Les éléments peuvent dépasser de leur conteneur et gêner le flottement.

Bonsoir,
Si j'ai bien compris, vous êtes en train de me dire qu'il ne faut pas que les éléments dans Article 4 dépassent du bloc ? Si c'est bien ça: non, tous mes éléments dans Article 4 rentrent dans le conteneur, rien ne dépasse..