Pourquoi le texte de ma page est difficilement séléctionnable sous IE?

Astuce par Raphael (Eleveur de kiwiz, Strasbourg)
Mis à jour le 08 Janvier 2009. 2763 lectures.
Tags : css, texte, ie, selection

Si votre page (X)HTML utilisant un DOCTYPE valide contient des blocs (div, span...) positionnés en mode absolue (absolute) ou relatif (relative). Il peut arriver que le texte contenu dans ces blocs devienne difficilement séléctionnable à l'aide de la souris.

Ce problème ne semble intervenir que sur Internet Explorer (versions 5 et 6 / Windows) et peut être régler en spécifiant une hauteur à la balise body dans la feuille de style.


body {
    height: 100%;
}

Ou si le design de la page ne s'accomode pas bien d'un pourcentage, une valeur assez grande, en pixels, fera l'affaire :


body {
    height: 99999px;
}

Ressources