Erreur de bordure sur un input

9 Dec 2010 à 11:27

Bonjour à tous, voici mon code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<style>
html,body {
	margin: 0px;
	padding: 0px;
}

input[type=text] {
	width:100%;
}
</style>
</head>
<body>
	<input type="text" />
</body>
</html>

Losque j'ouvre un navigateur : aussi bien IE et FF, j'ai un scrool horizontal qui s'ajoute en raison de la bordure sur l'input text ... puisque si je rajoute la propriété "border:0px" dans les style de l'input, je n'ai plus le problème ...
Comment faire s'il vous plaît?
Merci d'avance !

Victor BRITO

9 Dec 2010 à 11:33

Salut,

Pas étonnant : utiliser une largeur de 100 % alors qu'on a en même temps des bordures, des marges ou des espacements (voire les trois à la fois) n'est pas un choix judicieux.

Si tu tiens à ta bordure, utilise une valeur autre que 100 % pour fixer la largeur de ton élément input.

Questions générales et questions de débutants

Erreur de bordure sur un input