28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous, j'ia un problème avec un css, qui me fixe des marges différent sous Firefox que sous Internet Explorer, je trouve ca très étrange.

Voici le code css en Question :

body 
{
	background-color : #3D3D3D;
	font-family: "Arial", Times New Roman, Times, serif;
	font-size : 0.8em;
	margin : 15px;
	text-align: justify ;
	
	}
	
	div#conteneur 
	{
	width : 710px ;
	margin: 0 auto ;
	text-align: justify ;
	border: 2px solid #000 ;
	background: #fff ;
}

	
	h1#header a
	 {
		width : 705px;
		height: 200px ;
		display : block ;
		background-image: url(images/header.jpg);
		position : relative ;
		left : 2px ; 
		top: 10px ;
	}
	
	div#contenu h2
			{
		background: url(images/pucetitre.gif) no-repeat left ;
		padding-left: 35px ;
		font-size: 1.8em ;
		border-bottom: 1px solid #5d5d5d ;
		border-left: 1px solid #5d5d5d ;
		color:#908DA5
	
	}
	div#contenu h3
		{
		background: url(images/pucetitre2.gif) no-repeat left ;
		padding-left: 20px ;
		font-size: 1.3em ;
		border-bottom: 1px solid #5d5d5d ;
		border-left: 1px solid #5d5d5d ;
		color:#908DA5
		

	}


	div#menu
	 {
		background: url(images/carre.gif) no-repeat left ;
		width: 120px;
		line-height : 20px ;
		text-color: #706F79;
		font-size: 0.9em ;
		float: left;
		position: relative;
		left: 2px;
		top: 20px;
		text-align: center ;
		
	
	
		}
		
	div#menu a:hover {
		color:#000
	 	}
	 
	div#contenu
	{
			
			background: url(images/droite.gif) no-repeat 568px 15px ;
			padding : 17px ;
			margin-left: 120px ;
			margin-right : 15px ;
			margin-top : 15px ;
			
			
		}
	div#contenu p
		{
			text-align: justify ;
			text-indent: 1em ;
			line-height: 1.6em ;
			
		}
	
	p#footer a {

		position: relative;
		line-height: 15px;
		text-align: left;
		color: #908DA5;
		left: 150px ;
		bottom: 20px ;
	
		}
		
		p#footer a:hover
		 {
		color: #606065;
	
	
		}
		p#credit {
		position: relative ;
		font-size: 0.7em ;
		float:left ;
		left: 180px ;
		bottom: 20px ;
		
		 
		}
	



ET voici l'url provisoire du site : http://mafio1.free.fr

Si vous pouviez me dire pourquoi une telle différence de marges.. merci Smiley smile

Il n'ya que une seule page, mais vu que il ya deja un problème Smiley smile
Modifié par Mafio (26 May 2005 - 10:48)
Administrateur
Bonjour et bienvenue sur le forum,

Pourrais-tu, comme le demandent les Règles, afficher tes exemples proprement en utilisant les boutons de [ CODE] ?

Merci de bien vouloir éditer ton message, et bonne chance Smiley smile

PS : as-tu suivi la Méthodologie affichée en post-it dans le salon CSS ? Elle fonctionne très bien pour tous les problèmes d'affichages.
Modifié par Raphael (26 May 2005 - 10:36)
j'ai tout bine lu, maisje ne vosi ps pas comment résoudre c eproblème.. sauf supprimer toute sles marges... c'est la seule solution ?