27575 sujets

CSS et mise en forme, CSS3

Bonjour a tous,
je rencontre un problème avec safari au niveau de la mise en page et donc certainement du CSS ou du JS. Chrome et firefox tout passe correctement.
Ca fait un certain temps que j'inspecte le code mais sans grand succès pour trouver le bug.
C'est pour cette raison que je me permet de soumettre cette question. si quelqu'un pourrais jeter un coup d'oeil et éventuellement me donner une piste ??
En vous remerciant par avance

site web : https://casaloft-immobilier.com/
Salut!

Tu pourrais peut-être décrire ce qui ne va pas, et donner un extrait de code concernant cette partie?

Ainsi, même les personnes ne se servant pas de Safari pourraient t'aider.
Effectivement !!
Dans les navigateur autre que safari, l'affichage de la page d'accueil ce passe correctement, c'est à dire que la liste des annonces s'affiche en grille grace au css "Flexbox" (3 annonces par lignes)
<div class="rh_section__properties" style="position: relative; height: 1995.86px;">
<div class="test">
<article>....</article>
</div>
</div>

Dans safari, le flexbox ne semble pas fonctionner ?
@Stoneteckel merci pour ta remarque car grace à mon explication je viens de me rendre compte que c'est le <div class="test"> qui posé problème.

Comme quoi en ce relisant soit même Smiley cligne
Merci encore
Ça peut dépendre des versions de Safari.

As-tu essayé en ajoutant le prefix "webkit"? Par exemple:
display: -webkit-flex;


C'est parfois obligatoire pour certaines versions de navigateurs.
Modifié par Stoneteckel (04 Jun 2021 - 10:09)