Réserver de l'espace pour les annonces

Il est essentiel de réserver un espace suffisant pour les annonces sur votre page afin de minimiser le décalage de la mise en page. Cet exemple illustre différentes approches de réservation de l'espace et leurs effets sur la stabilité de la mise en page.

  • Aucun espace réservé:aucune dimension n'est spécifiée pour le conteneur d'espace publicitaire. Au départ, le conteneur est réduit et se développe lorsqu'une annonce se remplit, ce qui entraîne un décalage de mise en page visible par l'utilisateur.
  • Espace réservé:les dimensions sont spécifiées pour le conteneur de l'espace publicitaire. Le conteneur occupe toujours un espace constant sur la page. La mise en page ne change donc pas. Un espace vide est visible avant le chargement d'une annonce.
  • Espace réservé avec espace réservé:les dimensions sont spécifiées pour le conteneur d'espace publicitaire. Le conteneur occupe un espace constant sur la page. La mise en page ne change donc pas. Le code CSS permet d'appliquer un style au conteneur vide afin que les espaces vides ne soient pas visibles avant le chargement d'une annonce.

Exemple d'implémentation

Voir la démonstration