Image au milieu et centre d'une div

Résolu/Fermé
Mateo - 4 mai 2012 à 20:24
 Mateo - 6 mai 2012 à 17:40
Bonjour,
j'essaie de mettre une image au milieu de ma balise div, elle se centre juste et mais ne se met pas au milieu. Si quelqu'un pourrait m'aider.

Voici mon code html :

<!-- ENTÊTE -->
<div id="entete" align="center">
<img src="../MS_Pictures/logo.png" width="322" height="112" align="absmiddle" class="img_div"/>
</div>


Et voici le CSS :

/*ENTÊTE*/
#entete
{
display:block;
margin: 30px 0px 30px 0px;
width:900px;
height:120px;
line-height: 120px;
background:#CCCCCC;
overflow:hidden;
vertical-align:middle;
}

.img_div
{
overflow:hidden;
margin: auto;
padding:0px;
vertical-align:middle;
}


A voir également:

2 réponses

J'ai trouvé... j'ai mis ceci dans mon CSS, au niveau de l'entête :

/*ENTÊTE*/
#entete
{
display:block;
margin: 30px 0px 30px 0px;
width:900px;
height:120px;
line-height: 120px;
background:#CCCCCC;
overflow:hidden;
display:table-cell;
vertical-align:middle;
}

Seulement, mes marges ne sont plus prises en compte... pourquoi SVP ??
0
Bonjour,

Un simple
text-align:center;
sur la div vous permettra de placer l'image au milieu.

http://devoriginal.com
0
Bonjour, merci pour votre aide.

Mais avec le XHTML ça marche pas comme ça. J'ai djà essayé. Par contre j'ai pu trouver la solution. Il suffit de mettre dans une autre div mon code au dessus là et c'est jouer.

Merci quand même !
0