Wordpress sidebar en bas
Bug sous ie à cause des images
Suite à l'affichage d'images trop grandes dans le contenu de vos arcticle, sous internet explorer aparait un bug d'affichage.
la sidebar, normalemment située sur le coté se retrouve en bas, en dessous des arcticles.
Ceci se produit seulement sous ie et quand comme moi vous etes sous firefox, il peut se passer un bon bout de temps avant que vous vous en aperceviez :/.
En résumé:
Vos images sont trop larges, elle mettent du désordre dans votre thème lorsque vous les insérez dans un post et vous avez la flemme de les redimensionner. La propriété CSS max-width fait l'affaire pour Firefox, mais pas pour Internet Explorer.
Le Hack
Voici donc comment modifier simplemment votre code css afin que votre sidebar ne soit plus en bas et reprenne sa jolie petite place en haut ;)
1) Ouvrez le fichier :
wordpress/wp-content/themes/default/style.css
2) Trouvez (ligne 238 --> 243) :
.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}
3) Ajoutez après :
.narrowcolumn img {
width: expression(Math.min(this.width, 450) + "px");
max-width: 450px;
}
Explications:
On rajoute une classe spéciale pour les images situées sur la page d'acceuil (narrowcolumn) dans laquelle on specifie une largeur maximale, la première ligne pour ie et la seconde pour firefox.
450px correspond à la taille de narrowcolumn située juste dessus.
Voir aussi :
Changer la taille par defaut de la largeur des arcticles seuls sur wordpress
Xsl et css sur vos flux rss pour les mettre en forme
Modifier les titres des pages wordpress.