Comment réparer la barre latérale en dessous d'une erreur de contenu dans WordPress

Récemment, un de nos utilisateurs nous a posé la question suivante: comment corriger la barre latérale en dessous d’une erreur de contenu dans WordPress. Ce n'est pas la première fois, nous avons eu cette question, nous avons donc décidé d'écrire un post à ce sujet. Dans cet article, nous allons vous montrer comment corriger la barre latérale en dessous d'une erreur de contenu dans WordPress.

Pourquoi ma barre latérale est-elle tombée en dessous de mon contenu??

La raison pour laquelle votre barre latérale passe en dessous de votre contenu est due à une erreur HTML ou CSS dans votre thème..

Comment puis-je empêcher ma barre latérale de tomber en dessous du contenu?

Nous avons résolu ce problème pour de nombreux utilisateurs. 9 fois sur 10, la raison est la même. Il y a un élément div non fermé sur la page. Il se peut également qu'un élément div supplémentaire soit fermé sur la page, ce qui donne l'impression que votre barre latérale est en dehors de l'élément d'habillage. Alors qu'est-ce que cela signifie en anglais? Nous allons le dépanner étape par étape.

Est-ce quelque chose qui a commencé récemment? Cela ne se produit-il que sur un message ou une page spécifique? Si votre réponse est OUI, alors le correctif suivant est pour vous.

Regardez tout ce que vous avez changé récemment. Avez-vous ajouté un plugin? Avez-vous apporté des modifications liées au HTML? Le contenu de votre message ou de votre page contient-il des blocs? Assurez-vous qu'ils sont correctement fermés. L’un des meilleurs moyens de détecter l’erreur consiste à utiliser le validateur W3..

Utilisez ce tableau pour comprendre ce qui se passe:

Si vous créez un thème personnalisé et que ce problème se produit avec vous, il peut y avoir quelques problèmes. Un problème que nous vous avons déjà révélé ci-dessus. Peu d'autres problèmes pourraient être:

Rapport de largeur incorrect. Si la largeur de votre conteneur n’est que de 960 px, vous devez garder les choses proportionnelles. Par exemple, largeur de contenu 600 px et largeur de barre latérale 300 px avec une marge de 60 px entre eux.

L'autre problème pourrait être la propriété float. Vous devez vous assurer que vous ajoutez float: left; et float: droit aux éléments appropriés. Si vous ne le faites pas, cela ne fonctionnera pas.

Nous espérons que cet article vous a montré comment corriger la barre latérale sous l'erreur de contenu dans WordPress.