28172 sujets

CSS et mise en forme, CSS3

Bonjour,


Je rencontre une différence dans mes fieldset entre firefox et internet explorer 7... Certains sont même très étranges comme la différence dans le width.

Voyez plutôt :


<form method="post" action="index.php?page=inscription" class="inscription_error">
		<fieldset><legend>Erreurs</legend>
			<div class="text_error">
			<p>
				<?php echo $form_login_error;?>
			</p>	
			
			<p>
				<?php echo $form_password_error;?>
			</p>

			<p>
				<?php echo $form_password_conf_error;?>
			</p>
			
			<p>
				<?php echo $form_mail_error;?>
			</p>
			
			<p>
				<?php echo $form_nom_error;?>
			</p>
			
			<p>
				<?php echo $form_prenom_error;?>
			</p>
			
			<p>
				<?php echo $form_rn_error;?>
			</p>
			
			<p>
				<?php echo $form_grade_error;?>
			</p>
			
			<p>
				<?php echo $form_comp_error;?>
			</p>
			
			<p>
				<?php echo $form_unite_error;?>
			</p>
			
			<p>
				<?php echo $form_depart_error;?>
			</p>
			
			</div>
		</fieldset>
		</form>






fieldset{
	margin-bottom:1em;
	border:2px solid #b5bab3;
	text-align:center;
	height:auto;
	line-height:5px;	
}

legend{
	margin: 0 0 0.5em 0;
	padding:0.3em;
	font-weight:bold;
	font-size:small;
	color:black;
	}

.inscription_error{
	margin-left:auto;
	margin-right:auto;
	clear:both;
	width:500px;
	}

.text_error p{
	color:red;
	font-size:x-small;
	}




[B]Images :[/B]

Smiley url http://img257.imageshack.us/gal.php?g=inscriptionff.jpg[/url]
Modifié par BassT4ken (26 Mar 2009 - 13:34)
Salut,

Tu n'as pas donné de largeur à ton fieldset. Ils sont de type de rendu différents sur IE et Firefox : inline-block ou remplacé sur IE (comme les images ou les inputs) et block sur Firefox. Donc sur Firefox le fieldset prend tout l'espace disponible en largeur, et pas sur IE si tu ne lui précises pas.
Agylus a écrit :
Salut,

Tu n'as pas donné de largeur à ton fieldset. Ils sont de type de rendu différents sur IE et Firefox : inline-block ou remplacé sur IE (comme les images ou les inputs) et block sur Firefox. Donc sur Firefox le fieldset prend tout l'espace disponible en largeur, et pas sur IE si tu ne lui précises pas.



Merci beaucoup, je viens de tester et c'était bien ça Smiley smile

J'ai toujours ce problème de distance entre les lignes qui est différent mais en cherchant un peu, je pense que ça ira ^^