28217 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

mon objectif est de faire en sorte que sous IE6, moyennant l'usage d'une police non proportionnelle, une chaîne de caractère d'une longueur x ait la même largeur qu'un input de type text qui possède un attribut size égal à x. Pour arriver à cette fin, j'ai été amené à utiliser une expression comme dans l'exemple ci-dessous.

<html>
<style>
body, select {
	font-family: Courier New;
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
}

input.text {
	font-family: Courier New;
	font-weight: normal;
	font-size-adjust: 16px;	
	letter-spacing: 2px;
	color: #000066;
	background: #DDDDDD;
	border: none;	
	width: expression(this.size * 10 + 'px');
}
</style>
<body>
TEST
<br>
<input type="text" class="text" name="test" value="TEST" size="4" maxlength="4">
</body>
</html>


Existe-t-il un moyen d'obtenir le même résultat sans recours aux expressions de IE ?