Discussion :

[TheJokeR34]

Bonjour,

Je poste ici car j'ai un problème vraiment chiant que j'arrive pas à résoudre et je voudrait savoir si ça vous ai déjà arrivé et si vous avez une solution. Alors voilà j'ai fais un site web classique (HTML/CSS/JavaScript/XSL/XML), dans ce site je génère des divs et dans ces mêmes divs généré j'en génère d'autres donc en gros ça donne : <div> <div> <div></div> </div> </div>
Or le contenu des divs du milieu se place tout en bas des deuxièmes divs impossible de les faire remonter. J'ai tout essayé rien ne fonctionne et quand j'ai décidé d'aller regarder dans l'inspecteur de mon navigateur pour trouver le pourquoi du comment, les divs remonte comme par magie en haut. Donc juste en touchant la div dans l'inspecteur elle se place comme il le faut toute seule wtf ??
Est-ce que ça vous ai déjà arrivé ? D'où ça peut venir ? Merci de vos futures réponses.

Ps : Je n'enverrai pas de code il y en a trop ça serait galère à prendre que les parties concernant mon problème pouvez vous quand même aiguillier ? (Peut être que ça vient de la génération des divs en JS ou alors du CSS mais comme je l'ai dit j'ai presque tout essayer en touchant le CSS la seule solution que j'ai trouvé c'est top: 0; mais quand il y a plusieurs divs au centre elles se stack).

[NoSmoking]

Bonjour,

Je n'enverrai pas de code il y en a trop ça serait galère...

donc il ne sera pas possible de te répondre, si tu avais une page en ligne.

J’émettrais toutefois une hypothèse sur un problème de positionnement.

[TheJokeR34]

Bonjour,

Non impossible d'envoyer mon code il est trop long et le site n'est pas encore en ligne désolé. Tu as une hypothèse donc ?

[SpaceFrog]

https://jsfiddle.net/

[Michel]

Suggestion :
Et si tu fournissait un modèle de page minimum avec quelques DIV et le style qui va avec dans laquelle tu observe le même problème.
As-tu essayé différents navigateurs ?

[TheJokeR34]

ça ne marchera pas le contenu des divs proviennent d'un XML

[SpaceFrog]

rien ne t’empêche d'importer le xml ...
ou d'en émuler l'importation ...

[Michel]

Pour moi, le contenu ne modifie pas le style sauf si ce contenu contient lui-même des éléments de style.!
Quand je tombe sur ce genre de problème, je vérifie mes balises et si cela ne va toujours pas, je crée une copie la page que je complète morceaux par morceaux et je teste jusqu'au moment où cette erreur apparaît. Cela permet de localiser le problème de manière plus précise.

[TheJokeR34]

Re-bonjour,

C'est bon j'ai fait comme t'as dis j'ai minimisé le code au maximum et j'ai réussi à régler le problème :
Il fallait que je rajoute tout ça au contenu :

Code css :

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

1
2
3
4
5
        margin-top: 0px;
	padding-top: 0px;
	margin:0;
	padding:0;
	vertical-align:top;

et tout ça au conteneur :

Code css :

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

1
2
3
4
5
	padding-top: 0px;
	max-height: 120px;
	margin:0;
	padding:0;
	vertical-align:top;

bref j'ai longtemps galéré à trouver la bonne combinaison de style mais c'est bon ça marche enfin merci quand même pour vos réponses. Désolé mais je ne pouvais pas partager mon code même en enlevant de grosse parties il restaient des infos confidentielles contenu dans le XML (je suis en stage dans une entreprise qui gère des dossier patient de médecins). Voilà encore merci d'avoir essayer de m'aider

[Michel]

Re-bonjour,
Désolé mais je ne pouvais pas partager mon code même en enlevant de grosse parties il restaient des infos confidentielles contenu dans le XML

Il suffisait d'envoyer la structure minimum du XML avec un contenu bidon .
De plus, les balises possèdent des propriétés héritées; donc je vérifierais quand même si l'erreur ne vient pas d'un niveau plus haut car ce comportement est plutôt curieux et risque de réapparaître si tu dois modifier la page.