28173 sujets

CSS et mise en forme, CSS3

[résolu] Alignement à gauche impromptu

Salut à tous...
J'ai un petit problème bizare d'alignement sous IE et juste sur la page d'accueil d'un site... les autres pages du site sont bien centrées comme il faut alors que la feuille de style est la même Smiley decu
ça fait un moment que je bataille avec ça mais ça ne change rien Smiley decu
si quelqu'un à une idée d'ou ça peut venir je lui serai vraiment reconaissant Smiley sweatdrop

merci à vous
@+
Modifié par NAS (14 May 2007 - 12:05)
re, j'ai réduit à sa plus simple expression la page ... c'est à dire

<html> 
  <head>
   
    <link href="css/styles.css" rel="stylesheet" type="text/css" media="all" />
   
  </head>
  <body bgcolor="#ffffff"> 
    <div id="global">
     GRRRRRRRRRRRRR
    </div>
    <!-- fin de div id=global -->
  </body>
  <!-- InstanceEnd -->
</html>


voici donc le style global associé à cette div ... vu que le problème vient forcément d'elle du coup Smiley decu 

div#global {
	position:relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
	 
	width: 850px;  
	height:auto;
	background-color: #fff;
	/*text-align: justify;*/
	/*border: solid 0px #dfdfdf;*/
	
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
}


franchement je ne comprends pas ...D'autant plus que FF et Opéra affichent ça comme il faut ... Smiley bawling et que sur les autres pages du site IE aussi ?????
j'ai fini par trouver


div#global {
/*
	position:relative;

	 margin : 10px auto ;
	width: 850px;  
	height:auto;  */
	position:relative;
  left:50%;
  margin-left:-425px;
  width:850px;
  margin-top : 10px;
	
	background-color: #fff;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
}
Salut,

une autre solution moins compliquée rajouter une doctype par exemple xhtml transitionnel.

j'ai fais le test avec ton exemple minimaliste et l'ajout de la doctype centre ton div.

Pascal
Modifié par CPascal (14 May 2007 - 12:20)
Sujet clos
Aller à