28172 sujets

CSS et mise en forme, CSS3

Bonsoir,

mon bloc ne se comporte pas de la mêm façon entre IE et FF

Voici le HTML



				<div class="titre04_b_bis">
					Expéditeur			
				</div>



et voici le css




.titre04_b_bis
{
width:205px;
min-height:20px;
height:20px;
margin-left:2px;
margin-top:3px;
border:none;
float:left;
}



Mon souci c'est qu'avec IE, mon bloc est décallé vers le haut, ce qui fait qu'il n'est pas alignes avec ma checkbox qui est à sa gauche




				<div class="titre04_a_bis">
					<input type="checkbox" name="suppr" value="1">						
				</div>




Merci d'avance pour votre aide.
Salut,

le principal problème est que tu ne tiens pas compte de la sémantique HTML et que tu n'utilises pas les bons éléments. Il faudrait avoir un code ressemblant à celui-ci :
	<p>
		<input type="checkbox" name="suppr" id="suppr" value="1" />
		<label for="suppr"> Expéditeur</label>
	</p>
Ce qui change complètement la donne puisque LABEL et INPUT sont des éléments en-ligne.

A lire également : http://openweb.eu.org/articles/formulaire_accessible