Div decalé sous IE

Neoxys · 30 Juin 2006

Bonjour

J'ai recherché pas mal de temps sur ce superbe forum, sous google and co, mais rien a faire, je n'ai pas trouvé de solutions a mon problème, toute fois assez "commun" : Un decalage des Div sous IE. En effet, alors que je veux que mon contenu soit centré, il est totalement bourré a gauche. :rolleyes:

J'ai eu beau essayer des heures les ficelles que vous donniez sur ce forum, rien ni fait, d'ou votre aide qui me serait d 'un grand secours :smartass: . Sur ce, voici mon code de page et le CSS

body {
background-color : #575757;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
border : none;
margin : auto;
margin-top : 0;
margin-bottom : 0;
width : 800px;
background-position : center;
background-image : url(crasher/design/fond.gif);
background-repeat : repeat-y;
	  }
#ensemble {
margin-left : auto;
margin-right : auto;
width : 778px;
font-family : Arial, Helvetica, sans-serif;
margin : auto;
	  }
#header {
width : 760px;
background-color : white;
	  }
#page {
width : 569px;
float : left;
padding : 0 10px;
margin-bottom : 0;
	  }
#menu {
width : 170px;
text-align : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
float : right;
margin-right : 19px;
	  }
#menu_haut {
background-repeat : no-repeat;
	  }
#menu_liens {
background-image : url(crasher/design/menu.gif);
padding : 0 15px;
background-repeat : repeat-y;
	  }
#menu_footer {
background-repeat : no-repeat;
margin-bottom : 0;
	  }
#menu a {
color : #666666;
	  }
a:visited {
text-decoration : none;
	  }
a:hover {
text-decoration : underline;
	  }
a {
text-decoration : none;
color : #666666;
	  }
h1 {
font-size : 12px;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
	  }

<body style="margin-top: 0px;">

<div id="ensemble" style="padding-left: 20px; padding-right: 20px;">

<div id="header"><img src="design/pokemontrash.jpg" alt=""></div>

<!--FIN DE GENERATION DU STYLE ALTITUDINAL-->

<div id="page"><br>

<div align="center"><img src="design/barre_news.gif" alt=""></div>

<!--GENERATION DU MODULE DE GESTION DYNAMIQUE-->

<div align="center"><? $number = "5"; include("trasher/show_news.php");?></div>

<!--GENERATION DU PANNEAU DE NAVIGATION-->

<div id="menu">

<div id="menu_haut"><img src="design/menu_haut.gif" alt=""></div>

<div id="menu_liens"><? include('menu.php'); ?></div>

<div id="menu_footer"><img src="design/menu_bas.gif" alt=""></div>

</div>
</div>

Je vous remercie d'avance pour vos réponses

Kent · 30 Juin 2006

Bonsoir, au lieu d'utiliser un background-position:center; peut-etre devrais-tu essayer margin-left margin-right ?

à moins que ce soit padding-left padding-right je ne me souviens jamais lequel est marge internet et lequel est marge interne

Loctus · 1 Juillet 2006

Je vois pas mal de choses à dire sur ton code :

Tu indiques 2 fois un margin-top dans ton body , d'ailleurs balise body que tu ne refermes pas dans le bout de code que tu nous fournis.

Le background-position sert à center l'image de fond et non le div.

Si tu ne veux pas de marge haute ni basse , ne précises rien : le div prend toute la place disponible. (Ton "margin : auto;" fonctionne sur tous les margin (left right top et bottom))

Essaies de tout mettre dans ton css , car ici tu combines la déclaration de style dans ton Xhtml et dans ton CSS (par exemple pour tous ce qui est margin padding et même l'image du header que tu peux mettre dans ton CSS)

Tu oublies néanmoins de fermer des divs (celui de ensemble à première vue).

Essaies déja de corriger tout ca pour avoir un code clair et voir si tes problèmes demeurent

Connexion

Div decalé sous IE

Sujets conseillés

Neoxys

Lien vers le commentaire

Partager sur d’autres sites

Kent

Lien vers le commentaire

Partager sur d’autres sites

Loctus

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter

Parcourir

Activité