28173 sujets

CSS et mise en forme, CSS3

Bug IE : avec Clear la taille des éléments est rétrécie ! [résolu]

Bonjour,

j'ai un problème curieux, regardez sur FF "facture du dossier" est en un seul bloc alors que sur IE ça passe à la ligne et le groupe de mot est découpé... Smiley biggol 
<html>

	<head>
		<title></title>
	</head>
<style>
form  {
width: 400px;
}

label {
float: left;
clear: left;
margin: 5px 0;
padding: 0;
}

input,textarea {
clear: right;
float: right;
border: 1px solid #aaa;
margin: 4px 0;
padding: 0;
}
</style>
	<body>
<form action="" method="get">
	<label>Référence dossier * :</label><input size="30" />
	<label>Facture * :</label><input size="30" />
</form>
	</body>
</html>


la page de test
Modifié par ChrisG (22 Dec 2006 - 11:56)
alors moi qui croyait que quelqu'un verrais tout de suite de quel bug il s'agit, je suis bien déçu, et le code est concis
Bonjour,

Ah les formulaires quelle joie !!
<style type="text/css">
*{margin: 0; padding: 0;}

form  {
width: 400px;
}

.gauche {
float: left;
margin:  0;
line-height: 13px;
padding: 0;
margin-top: 13px;
}


.droite {
float: right;
border: 1px solid #aaa;
margin-top: 12px;
padding: 0;	
}

form p{
clear: both;
}
</style>

	<body>

<form action="" method="get">
	<p>
	<label class="gauche">Référence dossier * :</label><input class="droite" size="30" />
	</p>
	<p>
	<label class="gauche">Facture * :</label><input class="droite" size="30" />
	</p>
</form>


Juste pour une idée !!
merci ça marche, mais c'est pas sémantique c'est du bricolage, personne connait ce bug et quand es-ce qu'il apparait ?

moi j'ai mis un width mais c'est pas pratique

Smiley sweatdrop
Re:

Pensez à entourer votre balise <input /> par une balise block comme <p></p> car sinon votre page web ne sera pas valide (cela vous est expliqué dans l'annexe "Le W3C et les standards du web")...
merci beaucoup !
J'aurais aimé tout de même connaitre les spéc. du bug, à mon avis il va un jour me faire une nouvelle visite Smiley biggrin
Modifié par ChrisG (22 Dec 2006 - 11:58)
Sujet clos
Aller à