28172 sujets

CSS et mise en forme, CSS3

Bonjour, une nouvelle fois embêté par une différence d' affichage entre IE et FF je fais appelle à vous car je galère depuiq quelques heures sans trouver l' ombre d' une solution.
J' ai créer un div pour effectuer des recherches internes à mon site.
L' affichage est parfais sous IE mais le bloc est calé à gauche sous FF et opera, pourtant le bloc est sensé être contenu dans la partie où il y a le texte, je ne comprends pas pourquoi il part à gauche.
Voici un lien vers la page:
http://www.tutoriels-animes.com/test.html
le code de la partie concerné:

#intro
{
color: white;
font-size: 100%;
text-indent: 40px;
text-align: justify;
}
#cadre
{
height:60px;
background-image:url(photos/fond-recherche.png);
background-repeat:no-repeat;
margin-top:15px;
}
#recherche
{
color:red;
margin-top:15px;
margin-left:270px;
}


			<div id="intro" style="height:250px;">			
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.<br />
				<img src="photos/fleche-maj.png" alt="image" />Pour consulter l' ensemble des dernières mise à jour du site cliquez sur le lien suivant: <a href="http://www.tutoriels-animes.com/phpBB2/viewforum.php?f=7sid=13392ae93ab9a0a761ec27cb45fca20f">Ajouts de tutoriels, l' actualité du site</a>.
				<div id="cadre">				
					<form method="get" action="http://www.google.com/custom" class="google_form">
						<div id="recherche">
							test test test
						  <input class="google_box" name="q" maxlength="50" value="" type="text" />
						  <input value="Chercher" type="submit" />
						  <input name="domains" value="www.tutoriels-animes.com" type="hidden" />
						  <input name="sitesearch" value="www.tutoriels-animes.com" checked="checked" type="hidden" />
						  <input name="meta" value="lr=lang_fr" type="hidden" />
						</div>
					</form>
				</div>
			</div>


Merci d' avance
Modifié par krsytof (08 Mar 2008 - 22:09)
Salut,

Juste une histoire d'interprétation des flottant différente pour ie et ff et un héritage malheureux de text-indent (du bloc intro) qu'ie ne sait pas attribuer à <form>.

Essaye:
#cadre
{
width: 520px;
height:60px;
background: url(fond-recherche.png);
margin-top:15px;
overflow: auto;
}


#recherche
{
color:black;
margin-top:15px;
margin-left:270px;

}

#intro form
{
text-indent: 0px;
}