Bonjour à toutes et à tous
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 ... 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 :
ainsi que le CSS de "global" :
un grand merci pour toutes celles et ceux qui auront la patience de se pencher sur mon petit problème
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 ... 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}> > <a href="#URL_RUBRIQUE&lang=[(#ENV{lang, fr})]">[(#TITRE|couper{80})]</a>
</BOUCLE_ariane>[ > (#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