Problème de mise en page firefox/safari/chrome [résolu]

Rebonjour,
Je viens de m'aperçevoir d'un gros problème de mise en page suivant le navigateur...

Voilà mon soucis :
Sur firefox tout va bien :


Mais sur chrome et Safari c'est la cata :


Que puis-je faire ?
Merci !

il faut travailler le css en fonction du navigateur.

commence par utiliser les fonctions d'outils de développement du navigateur pour identifier les css en trop (a priori ici les puces de balise <li>)

dans chrome Outils/outils de développement ou ctrl+maj+i (pr mozilla utilise l'extension firebug)

avec le sélect élément (loupe) tu sélectionne la zone qui te dérange pour lister les attribus css liés (à droite de l'outils) tu peux décocher ces attribus pour les désactiver "en live" et vérifier la correspondance et efficacité.

il faudra alors modifier la feuille css en question ou l'overide du Template flexicontent si c'est pour modifier seulement sur les article en question.

je reconnais que c'est un peu fastidieux et long mais c'est la seule possibilité de se conformer à chaque interprétation des différents navigateur.

don't worry on y parviens et tout content du résultat

thanks, szallontai, you are right

yes, this is very probably due to some CSS rules applied by your Joomla template.

You will need to examine CSS rules via firebug of the specific element to see which rules is making this effect.

Regards

avec un lien vers ton site on pourras plus t'aider !
courage dans ce combat des navigateur !

mmm, yes we could add a more strict css, please provide a URL, i will examine it easily and also add a stricter css rule to FLEXIcontent frontend css file or to the template css file

Thanks for your answer.

Here are the URL : www.one-man-show-bde.com/la-boussole-ori...tivals-d-humour.html

www.one-man-show-bde.com/la-boussole-ori...scenes-ouvertes.html

The website is still under construction...