Bonjour à toutes et à tous Smiley smile

Voilà, j'ai créé un <div id="global"> me permettant de centrer mon site au niveau de la page, ce dernier fonctionne très bien sauf sur UNE page Smiley sweatdrop ... j'ai beau testé tout et n'importe quoi, je n'y comprends rien...

voilà le lien de cette fameuse page (sous les autres navigateurs le centrage se fait bien, sauf sous IE 6 ( et 7 ??) http://otxando.free.fr/spip.php?rubrique15&lang=fr& A noter que le site en question est une zone de test, les liens via le " fil d'ariane" vous renverront vers le site final qui fonctionne sous Firefox mais non sous IE, les CSS sont donc différents.

voilà le code source de la page en question :

<BOUCLE_rubrique_principal(RUBRIQUES) {id_rubrique}>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html dir="#LANG_DIR" lang="#LANG">
<head>
<title>[(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
[<meta name="description" content="(#INTRODUCTION|couper{150}|textebrut)" />]
<INCLURE{fond=inc-head}>


</head>

<body >
<div id="page">
<div id="global">

	[(#REM) Entete de la page + titre du site ]
	<INCLURE{fond=inc-entete}>




	[(#REM) Fil d'Ariane ]
	<div id="hierarchie"><a href="#URL_SITE_SPIP/?lang=[(#ENV{lang, fr})]"><:accueil_site:></a>
	<BOUCLE_ariane(HIERARCHIE){id_rubrique}> &gt; <a href="#URL_RUBRIQUE&lang=[(#ENV{lang, fr})]">[(#TITRE|couper{80})]</a>
	</BOUCLE_ariane>[ &gt; (#TITRE|couper{80})]
	</div>


<img src="./IMG/rubon15.gif" width="80" height="200" >
<div class="img-visit"><img src="./IMG/rubon15bis.gif" width="80" height="200" ></div>
	
	

<BOUCLE_exclure (ARTICLES) {titre_mot=page-participez} {doublons}>
</BOUCLE_exclure>
<BOUCLE_titre (ARTICLES){id_secteur}{doublons}{par num titre}>


	
		<div style="margin-left: auto; margin-right: auto; text-align: center;  
				font-size: 13px; width:77%; 
				 text-decoration: underline; clear: none;"> <a href="#ancre#ID_ARTICLE"> #TITRE </a></div>
				
								
</BOUCLE_titre>				

  
  <br/><br/><br/><br/><br/><br/><br/><br/>


<BOUCLE_articles_secteurtxt (ARTICLES){id_rubrique}{par num titre}>
					
               <div style="margin-left: auto; margin-right: auto; text-align: center; 
				               font-size: 14px; width:80%;  
				               text-decoration: underline; clear: none;"><a name="ancre#ID_ARTICLE">#SOUSTITRE</a>	</div>				


		        <div style="font-size: 13px; text-align: justify; margin-bottom: 30px;">[(#TEXTE|justifier)]</div>

							
</BOUCLE_articles_secteurtxt>
				 
			
				

	[(#REM) Pied de page ]
	<INCLURE{fond=inc-pied}{skel=#SQUELETTE}>

</div><!-- fin page -->
</div>
</body>
</html>
</BOUCLE_rubrique_principal>


ainsi que le CSS de "global" :

#global {margin-left: auto; margin-right:auto; width: 600px;background: black;
         margin-top: 20px; margin-bottom: auto;}


un grand merci pour toutes celles et ceux qui auront la patience de se pencher sur mon petit problème Smiley lol
Hello,

Sous IE7 ça marche bien, sauf que je n'ai pas l'image du header.
Sinon j'utilise les marges négatives en CSS pour centrer mes pages.

@+
Salut,

copperfield a écrit :
Sinon j'utilise les marges négatives en CSS pour centrer mes pages.
Stop! Mauvaise idée! Les marges négatives peuvent rendre ton contenu totalement inutilisable pour les visiteurs qui ont une résolution d'écran trop faible pour tout afficher, et elles sont complètement inutiles dans ce cas de figure! Ça peut se discuter pour un centrage vertical, mais en aucun cas pour un centrage horizontal.

La bonne méthode, que bga_O a d'ailleurs utilisée consiste à donner une largeur au conteneur principal & à utiliser la valeur "auto" pour les marges horizontales, soit
#global {
  margin:         0 auto;
  width:           80%;
}

@bga_O: ta page comporte 31 erreurs, parmi lesquelles des balises mal fermées. Il faut corriger tout ça, et on verra si tu as encore un problème après Smiley cligne
Thomas D. a écrit :
ta page comporte 31 erreurs, parmi lesquelles des balises mal fermées. Il faut corriger tout ça, et on verra si tu as encore un problème après Smiley cligne


Merci pour les réponses Smiley smile

oulalalala, je n'ai qu'editeur html assez simplicime ^^ avec quel logiciel peux tu voire toutes les erreurs ? car je t'avoue que je me casse les yeux à retrouver les erreurs et je n'en trouve pas Smiley sweatdrop , ce qui m'inquiète encore plus Smiley langue

merci pour tes conseils
Bien vu Thomas, en effet ça marche bien chez moi car mes sites sont graphiques et ne dépassent jamais les 800x588 px

Merci de m'avoir repris Smiley cligne
bga_O a écrit :


Merci pour les réponses Smiley smile

oulalalala, je n'ai qu'editeur html assez simplicime ^^ avec quel logiciel peux tu voire toutes les erreurs ? car je t'avoue que je me casse les yeux à retrouver les erreurs et je n'en trouve pas Smiley sweatdrop , ce qui m'inquiète encore plus Smiley langue
-> http://validator.w3.org/
merci de vos réponse, et désolé pour le délais ^^ je n'ai pas eu le temps de tester tout cela...

Smiley cligne mais des que j'ai des news je posterai le resultat Smiley smile