Forum d'entraide PHPFrance

Je ne comprends pas malgré les margins pourquoi le bloc avec class="article" ne se positionne pas comme je le souhaite
code html :

Code : Tout sélectionner

<article class="avenir">
	<h1>A venir</h1>
</article>

et voici le code css :

Code : Tout sélectionner

article{
	 position:absolute;
	 background-color:green;
	 margin-left:10px;
	 margin-top:100px;
 }

Qu'est-ce qui ne fonctionne pas comme tu souhaites ?

Voilà ce que ça donne et qui me semble correct :
https://jsfiddle.net/cu7qauf2/

Bonjour,

Tout d'abord attention, ici article n'est pas une classe.

En ce qui concerne ton CSS, tu devrais remplacer "margin-left" par "left", et "margin-top" par "top".
Ton bloc est en position "absolute", c'est à dire qu'il va ce positionner par rapport à son premier parent en position "relative"

Ci-après, un petit exemple avec deux blocs "article" qui ont le même positionnement CSS, et pourtant un résultat différent. Cela s'explique car les deux bloc n'ont pas le même point de repère.

https://jsfiddle.net/39uaw7cs/

D'accord merci pour les réponses, mon problème est résolu grâce au instructions top/right, mais pourquoi avec un mergin-right le positionnement que je souhaite ne fonctionne pas et avec margin-top il fonctionne.
Merci

Forum d'entraide PHPFrance

Positionnement bloc pour avec class="article"

Positionnement bloc pour avec class="article"

Re: Positionnement bloc pour avec class="article"

Re: Positionnement bloc pour avec class="article"

Re: Positionnement bloc pour avec class="article"