28173 sujets

CSS et mise en forme, CSS3

Problème marges LI sous IE

J'ai un problème de marge sur les LI avec IE : les marges ne sont pas prisent en compte dès que je rajoute :

input {
	float:right;
}

Avec Mozilla c'est ok.
voici la page : 

<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
* {
		margin:0px;
		padding:0px;
}
ol
	{
	padding:0px;
	margin-left:30px;
	}
fieldset
	{
		margin:5px;
		padding:5px;
	}

li {
	clear:right;
	margin:5px 0px 20px 0px;

}
label
{
	width:80%;
	clear:both;
	float:left;
}

legend {
	margin-left:5px;
	margin-right:5px;
	font-size: 18px;
	color: #FF6600;
	font-weight: bold;
}
input {
	float:right;
}

</style>
</head>

<body>
<form>
	<fieldset title="Vous (le patient)" id="patient">
		<legend>Vous (le patient)</legend>
		<ol start="1">
			<li>
					<div class="titrebloc">Vous &ecirc;tes…</div>
					<label for="sexe0">Un homme</label><input type="radio" name="sexe" id="sexe0" value="0" /><br/>
					<label for="sexe1">Une femme</label><input type="radio" name="sexe" id="sexe1" value="1" /><br/>
			</li>
			<li>
					<div class="titrebloc">Date de naissance</div>
					<label for="naissance_date">Année</label><input type="text" name="naissance_date" id="naissance_date" size="4" maxlength="4" /><br/>
			</li>
		</ol>
	</fieldset>
</form>
</body>
</html>

Il y a quekchoz qui m'échappe. Merci d'avance pour votre aide "je craque"
Même problème d'un autre membre ce matin Smiley cligne

Ceci est dû au fait que la marge par défaut de l'élément body n'est pas nulle dans nos navigateurs. Il existe deux moyens d'y remédier :

1. positionner le bloc de manière absolue à 0px du haut (top) et 0px du bord gauche (left).
2. définir la marge de l'élément body à éro en insérant la règle body {margin:0px}.

Je te conseil le deuxième point, et par la même occasion, définir, le width et le height du body à 100%
ben non ça ne change rien. Mais mon explication n'était pas assez claire.
La marge haute de chaque LI n'est pas prise en compte dans IE dès que j'insère un élément flottant dans les lignes. En commentant 

/*input {
	float:right;
}*/

tout marche impec mais mes éléments de saisie ne sont évidemment plus alignés à droite. Si vous avez une astuce pour les aligner à dorite sans les faire flotter you're welcome
Salut, ça veux dire que les champs INPUT sont dans une liste ?
BALISAGE

<ul>
    <li><input type="(...) /></li>
    <li><input type="(...) /></li>
</ul>


? Smiley ohwell
oui c'est ça (le code est dans le premier post) et de plus ils sont alignés à droite dans la ligne. Dès lors IE ne prends pas en compte la marge haute de la ligne.
Sujet clos
Aller à