[Résolu] Chevauchement de <div>

Bonjour, malgré plusieurs essais je ne parviens pas résoudre ce pb de chevauchement entre mon menu principal et le footer (voir pj), j'en appelle à vos lumières !
En exemple, cette page : https://transmettrelecinema.com/dispositif/lyceens-et-apprentis-au-cinema-2024-2025/
D'avance merci.

Oui, je vois, malheureusement ce site a subi plusieurs migrations et de nombreuses transformations ces 20 dernières années, résoudre ces bugs n'est pas dans mes compétences…

Bonjour,

le menu est en position:absolute;
Tu peut le remettre dans le flux de façon à ce qu'il interagisse avec le reste de la page .
Pour garder sa place et conserver ton visuel , tu peut utiliser float.
Ce qui donnerait à partir de la ligne 633 dans style.css

.site-header {
	width:200px;
	float:left;
}

Ce qui repousserais le footer si le menu est plus long que #main.
au lieu de

.site-header {
	position:absolute;
	width:200px;
	/*height:421px;*/
	/*float:left;*/
	/*background-color: rgba(0, 0, 55, 0.6);*/
}

Cdt

OK merci gcyrillus ça fonctionne !
Modifié par naano (30 Jan 2024 - 16:00)