26909 sujets

CSS et mise en forme, CSS3

bonjour je suis un jeune développeur et j'ai un problème sur mon site pour une image qui doit se déplacer en même temps que le scroll.
mais le seul problème c'est que pour mon footer j'ai une div qui a un min-height: 100%;
et je suppose que c'est ça qui bloque mon image ?
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_sticky
le but est d'arriver a faire ca mais sous ce format

.conteneur{
  min-height: 100%;
}
.idee{
	position: -webkit-sticky;
  position: sticky;
  top:5px;
}
.truc {
    position: static;
}

voici une infime partie de mon code en esperant que ca puisse réglé le soucis

echo "<div class=objet_unique>";
		echo"<div class='w3-container w3-half idee'>
			      <img src='$Img_Objet' alt=couteau>
			</div>
  		<div class='w3-container w3-half truc' >
			<br><h2>$Nom_Objet</h2>
			<br>
			<h3>c'est un <b>$Produit_Objet</b> de la marque $Marque_Objet</h3>
			<br><p>à-propos : $Desc_Objet</p>
			 <br><br><br>pour noter et commenter cette objet c'est <a href=noteobjet.php?idproduit=$idobjet><strong>ici</strong></a><br><br></div>

ps : 'w3-container w3-half ne sont pas de moi mais de w3school pour faire du responsive
si vous pouvez m'aidez a résoudre se problème au plus vite merci d'avance
si ce container fait la hauteur de son parent, il va se déplacer avec , car pousser par le bas.
Sticky fonctionne jusqu'au moment ou un autre élément(ou les limites de son parent) le repousse et laisse la place au reste du contenu qui vient.
sticky positionne en fonction du parent et pas de la fenêtre , l’élément reste dans le flux de ta page . Ce que tu décris est normal compte tenu de tes styles .

Cdt