28221 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai une div "conec" qui est dans la div "header" qui est dans le div "conteneur"

le div conec contien un formulaire de connection,

seulement quand je met la largeur et la longeur pour la div conec tout va bien pour FireFox et deja il ya 10 px en trop en bas pour IE

alors je veux la placer avec un margin-top et margin-left pour la positionner dans la div "header" .

quand je positionne avec margin-left tout va bien les 2 navigateur l'accepte comme je le veux ...

Mais au margin-top, IE fait bien descendre la div mais firefox fait descendre tout le design :><:

Voila je ne comprend po trop ...

et je pense qu'il faut définitivement Rayer IE de la carte pour que les programmeur ne se casse plus la tete a faire de la compatibilité entre la merde et le normal ... <_<

Peut-etre que un peu de code serait un peu plus explicite Smiley lol

le CSS

body {
	text-align:center;
	background-color: #90BED5;
}
#conteneur {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background-image: url(images/page.jpg);
}
#header {
	text-align:left;
	background-image: url(images/header.jpg);
	width: 800px;
	height: 147px;
}
#conec {
	border: 1px outset black;
	width: 330px;
	height:22px;
	margin-left: 400px;
	margin-top: 30px;
}


et le peu d'xhtml

<div id="conteneur">
	<div id="header">
		<div id="conec">
			<form action="conec.php" method="post">
				Login <input style="width:84px;" type="text" name="pseudo" />
				Pass <input style="width:84px;" type="password" name="pass" />
				<input type="submit" value="Connec" />
			</form>
		</div>
	</div>
<!-- il ya d'autre code ici mais il ne vous aiderons pas pour mon problème -->
</div>


Merci d'avance