28172 sujets

CSS et mise en forme, CSS3

Bonsoir à tous!

Deux cerveaux et quatre hémisphères ne sont pas venus à bout de ce problème. Sur Safari, ça fonctionne. Avec Chrome, ça marche. Avec IE, aucune idée! Mais avec Firefox... rien à faire, le machin résiste...

La page: http://www.hangar217.com/fr/oeuvres-des-membres
La mise en page: Drupal 7 + Views (générateur de requêtes) + librairie Masonry (module) + thème Tarski (http://drupal.org/project/tarski).

Le problème: Masonry ne fonctionne pas sous Firefox. Au lieu d'une imbrication de photos, j'obtiens une longue colonne.

Si quelqu'un pouvait trouver la solution, ça ferait ma journée, ma semaine et mon mois!

Merci pour votre temps!

R.
Bonjour,

Sous Firefox, ce n'est pas exactement ça : la page s'affiche avec les images imbriquées et ensuite très rapidement bascule les images en colonne.
Un script chargé en fin de page qui passerait IMG de inline à block ?
Salut,

Après quelques tests + vérification au validateur, je pense que ton soucis pourrait venir du nom de tes ID. En effet, certaines de ceux-ci commencent par des chiffres, ce qui n'est pas valide. Ça pourrait expliquer la différence de comportent sur les navigateurs. Certains sont plus permissifs que d'autre. Exploite déjà cette piste de recherche en corrigeant tes erreurs ça sera déjà une bonne base.
Le problème est que les éléments div conteneurs des images ont la propriété css position absolute, désactive cette propriété et déclare tes éléments en 'float' ou en inline-block.
Après ça si tu ne peux pas faire ces modifications en raison d'un plugin qui génère ton css ou des propriétés style='' sur les éléments (utilise davantage la feuille de style) ça semble difficile.

Bonne journée! Smiley lol
Merci pour votre temps!

Mais là je crois que je suis arrivé à la limite de mes capacités... Smiley decu

Pas facile le web!

H217