28173 sujets

CSS et mise en forme, CSS3

Je viens de m'arracher quelques cheveux sur un nouveau bug d'IE6 que je n'avais encore jamais rencontré, je vous expose mon problème et la solution, pour éviter à d'autres autant de prise de tête qu'à moi ^^

En fait je me suis rendu compte que le texte d'un site n'était pas sélectionnable sous IE6. Bon j'avais déjà eu ce genre de prob à cause de png/filter: et l'avait résolu avec les solutions vaudous habituelles.
Sauf que là ça ne marchait pas...

J'ai donc réduit mon code à sa plus petite expression et la voila :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
	<base href="http://127.0.0.1/test/" />
	<link rel="stylesheet" type="text/css" href="css/site.css" />
</head>

<body>

	<div id="conteneur">
		<div class="contenu">
			Lorem ipsum vocibus periculis nec at, ne cum quot natum modus, eam no habeo lorem urbanitas. Adhuc iudicabit comprehensam duo et, lorem hendrerit at vim, ex sed libris putent tibique. Eu dicit doctus disputationi vix, ne magna vulputate repudiandae sea. Vel ex fabellas molestiae ullamcorper. Vel ea diam altera consequuntur, at graece eripuit ornatus vis, omnes cetero sea an.
		</div>
	</div>

</body>

</html>



Et le fichier css se trouvant donc dans http://127.0.0.1/test/css/site.css


#conteneur {
	width:800px;	
}
#conteneur .contenu {
	position:relative;
}


Rien de bien extraordinaire donc...
Sauf que le texte n'est pas sélectionnable sous IE6.

Cassez-vous un peu la tête là dessus si vous voulez, mais voila mes conclusions Smiley lol

Il y a trois éléments qui font apparaitre le bug :
- Un conteneur qui possède un layout (zoom:1, ou rien qu'une dimension)
- Un contenu en position relative
- Une balise <base> dans le head

Et comme solution, il "suffit" (j'aime bien dire ça après 2h de recherche ^^) de fermer la balise <base> par un </base>

Voili voilou, en espérant que ce topic aide d'autres personnes Smiley smile
Modifié par Tymlis (24 Oct 2007 - 19:43)