Discussion :

[anzize]

Bonjour,

Pardonnez-moi pour mon ignorance mais je ne maîtrise absolument pas le CSS.

Je sais faire le minimum, à savoir positionner des éléments, etc.

Voilà mon problème :

mon CSS est le suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#parent{
position:relative;
}
#enfant{
position:absolute; 
}

Je sais que mon code HTML doit

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="parent">
     <div id="enfant">
     </div>
</div>

Mais je dois absolument déclarer mon code HTML de la sorte et avoir le même résultat que précédemment

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<div id="parent"></div>
<div id="enfant"></div>

En fait, j'ai un code qui ne doit rafraîchir que tout le div parent sans rafraîchir le div enfant (il s'agit en fait d'un chat en javascript/jquery) mais avoir le même résultat que si j'avais les balises du div enfant à l'intérieur des balises div parent.

Comment je pourrais alors faire mes déclarations des div dans mon CSS ?

J'ai beau chercher sur le net, ça doit être hyper simple pour quelqu'un qui connaît le CSS, voire peut-être qui connaît les bons termes à chercher sur google, mais en vain !

Merci beaucoup !

[rodolphebrd]

Bonjour,

Il y a plusieurs possibilités.
Quel est le résultat voulu ?

[anzize]

Bonsoir,
Merci pour la réponse.
En fait, comme indiqué, le résultat voulu est d'avoir visuellement une div qui aurait une div parent relative sans avoir ses balises à l'intérieur de cette div parent.

L'objectif est de pouvoir rafraîchir le contenu de la div parent via du jquery sans toucher au contenu de la div 'fille' dont les balises ne feront pas partie du contenu de la div parent.

Merci et en espérant qu'on me comprend.

[NoSmoking]

Bonjour,

L'objectif est de pouvoir rafraîchir le contenu de la div parent via du jquery sans toucher au contenu de la div 'fille' dont les balises ne feront pas partie du contenu de la div parent.

je dois admettre que de bon matin cela aide a vérifier l'état de ses neurones, les miens ne sont donc pas au top

Trêve de plaisanterie, il faudrait que tu revois la notion de parent -> enfant en HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div data-type="parent">
  <div data-type="enfant">
  </div>
</div>
<div data-type="frere-mais-pas-parent">
</div>

c'est très simplifié mais bon...

Il te faut revoir ta logique de mise à jour.

[anzize]

Bonjour,

Merci pour ta réponse.

J'avais bien compris la notion de parent en CSS mais c'est justement pour contourner ce problème que j'ai demandé une aide ici.

Le résultat voulu est sur ce qu'on voit sur la capture que j'ai mise et je voulais avoir si on peut obtenir la même mise en page, tout en évitant d'imbriquer les balises div "fille" dans les balises "parent".

J'obtiens à peu près le résultat escompté en positionnant la div "fille" en absolute sans parent, mais lorsqu'on redimensionne la fenêtre du navigateur, tout se superpose .

Merci.

[NoSmoking]

Passe par un découpage de ta page en 2 colonnes, une DIV à gauche et une à droite et tu ne rafraichies que celle de gauche.