28173 sujets

CSS et mise en forme, CSS3

[résolu] Prob decalage, firefox ok, iexplorer non...

Bonjour,
Je vous ecris pour un conseil.
J'ai lu plusieurs des messages sur le forum mais j'ai pas trouvé la solution.

j'ai un problème de decalage pour un bloc dans iexplorer, dans firefox cela marche bien.
le probleme doit etre tres simple a résoudre je suppose mais je n'y arrive pas. Smiley ohwell
le probleme vient du bloc "corps" qui se trouve dans le bloc "conteneur".


voici un extrait du code css :


body {
	/*background-color: #f1f1f1;*/
	background: #f1f1f1 url(img/fond33.gif)  top repeat-y;
	margin-top: 0;

	

	}

#conteneur {
 	width: 790px;
	height: auto;
  	margin-left: auto;
	margin-right: auto;
	/*background: #00ff00 url(img/fond66.gif)  top repeat-y;*/
	clear: left;	
	}


(...)



#corps {
	width: 760px;
	margin-left:15px;
	background: #ff0000;
	/*background: #f1f1f1 url(img/fondcorps.gif)  top repeat-y;*/
	height: auto;
	float: left;
	
	
	
	}



un extrait du code html
* head de la page html :



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">



* puis le body :



<body>


<div id="conteneur">

(...)

<div id="corps">	
	contenu du bloc "corps"

</div>




</div>

</body>
</html>


voici les captures d'ecran pour voir le decalage.
coloration volontaire Smiley langue


(les captures arrives...)
le site est downs... (merci ovh...)

a+
Modifié par fans (29 Apr 2006 - 14:37)
Alan a écrit :
Bonjour,

Il doit s'agir du Doubled Float-Margin Bug puisque #corps est en float avec une marge horizontale (à gauche).
La solution consiste à ajouter display:inline; (à #corps)

A+


bonjour,
merci pour ta réponse rapide.
je vais tester ta solution dès que le ftp est rétabli...
a+
Modifié par fans (29 Apr 2006 - 13:35)
Sujet clos
Aller à