28173 sujets

CSS et mise en forme, CSS3

Positionnement div centré dans une autre div, marche pas sous IE

Bonjour à tous !
Voilà actuellement mon problème je possède deux div.
Un div1 et un div2. Le div2 est imbriqué dans le div1 et centré dans le div1.Cependant dans le div parent (le div1) j'ai inclu une image qui se trouve en haut a gauche du div1.
Ainsi mon problème c'est que sous Firefox mon div2 est centré par rapport au div1 et que sous IE mon div2 est centré par rapport a l'image qui ce trouve a gauche de celui-ci. Smiley biggol
La solution qui me convient c'est celle avec Firefox ! Smiley biggrin

Voilà mon code pour que cela soit plus parlant.
La CSS
#form {	margin-left: auto;
	margin-right: auto;
	border: 1px solid #BFBFBF;
	font-size: 12px;
	}

img.presentation {  
	float: left;
  	margin:0px 5px 5px 0px;
}

.texte { 
	text-align:justify;
	margin:20px 4px 0px 4px;
}


Et celui de la page: 
      <div class="texte">
     <p><img src="../../img/illustrations/stat.jpg" alt=""  class="presentation" /> 
	<br /><br /></p>
        <div id="form" style="width:300px">
blablabla
       </div>
      </div>


SI vous trouver n'hésitez pas ! Smiley lol
Modifié par analfabete (04 Jan 2007 - 23:31)
Bonjour,

Comme ça cela devrait mieux aller je crois.

<style>
#form {
	width: 300px;	
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #BFBFBF;
	font-size: 12px;
	padding: 20px 0 20px 0;
	}

img.presentation {  
	position: relative;
	margin:0px 5px 5px 0px;
}

.texte { 

	text-align:justify;
	border: 1px solid black;
	margin:20px 4px 0px 4px;
	position: relative;
}

</style>
</head>
<body>
     <div class="texte">
     <img src="image.jpg" alt=""  class="presentation" /> 
     <div id="form">
blablabla
     </div>
     </div>
Je viens d'essayer a la lettre ce que tu viens de me dicté mais a mon plus grand regret cela ne marche pas avec les position relative, cela reste comme avant sous IE Smiley bawling
Salut !

Essaye de passer le div contenu (.texte) en text-align: center;

J'ai eu le problème sous IE et chez moi ça marche bien maintenant ! Smiley biggrin

Ensuite, tu remets ton div "form" en text-align: justify;

Bon courage,

Amicalement,

Tofffsy
Sujet clos
Aller à