28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je débute avec le CSS et voilà dès mon premier essai rien ne va comme estimé.

Je commençais à étudier les incompatibilités FF/IE, et voilà je suis tombé sur une, le code suivant fonctionne parfaitement sous FF/IE mais lorsqu'on enlève les signes de commentaires, l'ajout de la marge détruit le positionnement sous IE.

<!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" xml:lang="fr" lang="fr">

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

	<title>Test email</title>

<style type="text/css">
*{padding:0; margin:0;} 
div#search{ background-image:url(search.jpg); background-repeat:no-repeat; height:84px; width:409px;}
input{position:relative;left:16px; top:37px;height:24px;width:350px;margin 0; padding 0; }

/*
div{margin:12em 0 0 12em;}
*/
</style>

</head>

<body>
<div id="search">
<input type="text" />
</div>

</body>

</html>


Merci beaucoup, et je tiens à vous informer que j'ai encore pleins de questions à poser Smiley smile Voici le background-image: upload/22841-search.jpg
Modifié par ammoun (15 Jul 2009 - 14:56)